react-native-router-flux 后退按钮显示在顶部

Question

我正在尝试使用 react-native-router-flux 创建嵌套路由，但我正在返回顶部的后退按钮，如下所示（红色标记区域）：

我的代码：

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;

平台版本：
react-native : 0.51.0
react-native-router-flux：4.0.0-beta.27

任何人都可以告诉我如何获得带有标题的返回按钮吗？

Answer 1

这是一个已知问题，我建议您查看一下:)

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

Answer 2

我得到了我的解决方案。我通过在父场景上添加 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;

Answer 3

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

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

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

react-native-router-flux 后退按钮显示在顶部

react-native-router-flux back button shows top

android

react-native

react-native-router-flux