Transparent bottombar on iOS

georgijs

Hey,
I wanted to make bottombar transparent in the app. I went to style folders file and tried to apply color #FFFFFF00 to "bottombarBackgroundColor" key, but it didn't work for me.
Is there any other solution/s for this case?

lukas

Hello,

this should work as you expect it work. Your style might be overridden by a namedStyle or a layer that uses overInsetBottom might make it seem like it is not working.
Can you please post the relevant parts of your config?

Regards

georgijs

{ "name": "navbarBack", "content": { "content": { "default": { "navbarHeights": { "default": "50pt" }, "navbarLayout": { "default": "n_back" }, "navbarBackgroundColor": "#FFFFFF", "statusbarBackgroundColor": "#FFFFFF", "backgroundColor": "#FFFFFF", "loadingSpinnerColor": "#00622C", "bottombarBackgroundColor": "#FFFFFF00" } } } }

This is what I have inside of Style file that I am using for related layout/layouts.
UPD: overInsetBottom key is not used anywhere in the app.

lukas

Thanks,
the problem here is that you are also using the backgroundColor parameter. This parameter will fill the entire background of the app including the space where the statusBar and bottomBar are located.
statusBar and bottomBar colors are placed on top of the background color.

To get the expected behaviour you should use a layer based approach for your background color and set backgroundColor on the style to a transparent color since it defaults to white.

georgijs

lukas Okay, thanks a lot!