Bottom navigation stuck at the top about react-native-material-bottom-navigation HOT 4 CLOSED

As a follow up, I copied and pasted your code right into my editor and got the same result.

from react-native-material-bottom-navigation.

The example in the readme should reproduce the bottom navigation at the bottom.

    <View style={{ flex: 1 }}>
        <View style={{ flex: 1 }}>
          {/* Your screen contents depending on current tab. */}
        </View>
        <BottomNavigation
          onTabPress={newTab => this.setState({ activeTab: newTab.key })}
          renderTab={this.renderTab}
          tabs={this.tabs}
        />
      </View>

The outer view with flex: 1 will cause the view to fill the entire screen. The inner view with flex: 1 will cause the view to fill everything except the height of the bottom navigation, leaving it at the bottom.

Alternatively you can position it absolute at the bottom.

from react-native-material-bottom-navigation.

Ok great. I didn't see that on the root readme. I was looking at this one here that might need to be updated then. It wasn't very clear that flex needed to be applied there, although it does make sense (noob user here). I guess I have to play around with it still. The playground example either doesn't like me or it's not working, in that when you run it, it says that the sdk is out of date or something like that. I can't remember because I ran it the other night, but I thought it would be worth mentioning if other people have tried it unsuccessfully and haven't said anything.

from react-native-material-bottom-navigation.

Positioning the Bottom Navigation should work similar to positioning of other React Native Views. It doesn't position itself by default on the bottom, to make it more flexible and configurable.
Since this is not an issue with the Library, I'm going to close this.

from react-native-material-bottom-navigation.