Transparent NavBar [Android]

[St1ma]

Thanks for your library!

Could you recommend solution for making navigation bar transparent and translucent? We try to make it absolute, but on Android it hide under page content

Thanks

[CharlesMangwa]

Hi @St1ma! First of all, this issue should be addressed with the next rc ! But for now if you need a workaround, I'll suggest you tweak <BottomNavigation /> with one of these 2 solutions:

1 - Build it from scratch!

You can use the renderTabBar from <BottomNavigation /> to create your own navbar and thus, manage your style as you want.

2 - Style the current navbar

This solution relies on several props exposed by <BottomNavigation />. Therefore, you'd use:

• tabBarStyle, to set a transparent background color

• tabStyle, tabTintColor & tabActiveTintColor, to change the style of each item of your navbar

• renderLabel & renderTabIcon or label & labelStyle, for the label & icon of your tab item, depending on what you design looks like.

Let us know if this is of any help!