React-native-router-flux Back Button Shows Top

I am trying to create nested routing using react-native-router-flux, but i am getting back button at the top like below (red marked area) : My Code : const RouterComponent = () =&

Solution 1:

this is a known issue and I suggest you to have a look at this please :)

https://github.com/aksonov/react-native-router-flux/issues/2675

Solution 2:

I got my solution. I solved it by adding hideNavBar={true} on parent and hideNavBar={false} on child Scene.

constRouterComponent = () => {
    return(
        <Router><Scenekey="root"><Scenekey="auth"hideNavBar={true}><Scenekey="login"hideNavBar={false}component={LoginForm}title="Please Login" /></Scene><Scenekey="main"hideNavBar={true}><Scenekey="userList"hideNavBar={false}component={UserList}title="NUMBER OF DONOR : XX" /></Scene></Scene></Router>
    );
};

exportdefaultRouterComponent;

Solution 3:

"react-native-router-flux":"4.1.0-beta.2"

This works for me. I set the back={true}

<Scenekey='key'component={MyComponent}title='title'back={true}/>