search

timomeh / react-native-material-bottom-navigation

💅🔧👌 a beautiful, customizable and easy-to-use material design bottom navigation for react-native
MIT License
710 stars 127 forks source link

Support for translucent navigation bar in Android #13

Closed timomeh closed 7 years ago

timomeh commented 7 years ago

Description

The whole bar should work with a translucent navigation. Using the code below to achive this, the height of the actual bar will be height - paddingBottom. Somehow the paddingBottom should affect the bottom navigation bar itself.

ETA

Mar 2nd

Documentation

For res/styles.xml

<item name="android:navigationBarColor">@android:color/transparent</item>
<item name="android:windowTranslucentNavigation">true</item>

and using

style: {
  height: 104,
  paddingBottom: 48
},