Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tabbar position on Android always at the top

See original GitHub issue

Hi all.

Version

react-native-router-flux v4.0.5
react v16.5.
react-native v0.57.1

I have switched from another Tab component to the Router-Flux one. Everything is working fine, except from the Tabbar position itself on android.

Expected behaviour

<Scene
        key="mainTab"
        hideNavBar
        gesturesEnabled={false}
        panHandlers={null}
        type={ActionConst.RESET}>
          <Tabs
            key="tabbar"
            routeName="tabbar"
            legacy
            backToInitial
            onTabOnPress={() => {
              console.log('Back to initial and also print this');
            }}
            swipeEnabled
            showLabel={false}
            tabBarStyle={styles.tabBarStyle}
            activeBackgroundColor="white"
            inactiveBackgroundColor="rgba(255, 0, 0, 0.5)"
            tabBarPosition="bottom"
          >

This is the code I have copied from the example, and I have added the tabBarPosition="bottom".

Actual behaviour

On iOS the Tabbar is at the bottom, but on Android is at the top.

Maybe I am wrong, but for what I have read on the documentation, the default behaviour on iOS is at the botton and for Android at the top, but I thought that it was possible also on android to place the tabbar at the bottom.

Isn’t it? Thank you in advance.