react-native-router-flux返回按钮显示顶部

时间:2018-01-18 04:38:16

标签: android react-native react-native-router-flux

我正在尝试使用react-native-router-flux创建嵌套路由,但是我回到顶部的按钮如下(红色标记区域):

enter image description here

我的代码:

const RouterComponent = () => {
    return(
        <Router>
            <Scene key="root">
                <Scene key="auth">
                    <Scene key="login" component={LoginForm} title="Please Login" />
                </Scene>

                <Scene key="main">
                    <Scene key="userList" component={UserList} title="NUMBER OF DONOR : XX" />
                </Scene>
            </Scene>
        </Router>
    );
};

export default RouterComponent;

平台版本:
反应原生:0.51.0
react-native-router-flux:4.0.0-beta.27

任何人都可以告诉我如何获得带标题的按钮?

3 个答案:

答案 0 :(得分:1)

这是一个已知问题,我建议你看看这个:)

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

答案 1 :(得分:1)

我得到了解决方案。我通过在父级上添加hideNavBar={true}并在子级场景上添加hideNavBar={false}来解决它。

const RouterComponent = () => {
    return(
        <Router>
            <Scene key="root">
                <Scene key="auth" hideNavBar={true}>
                    <Scene key="login" hideNavBar={false} component={LoginForm} title="Please Login" />
                </Scene>

                <Scene key="main" hideNavBar={true}>
                    <Scene key="userList" hideNavBar={false} component={UserList} title="NUMBER OF DONOR : XX" />
                </Scene>
            </Scene>
        </Router>
    );
};

export default RouterComponent;

答案 2 :(得分:0)

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

这对我有用。 我设置了back={true}

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