我正在尝试使用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;
平台版本: 反应原生:0.51.0 react-native-router-flux:4.0.0-beta.27
任何人都可以告诉我如何获得带标题的按钮?
我得到了解决方案。我通过在父级和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;
这是一个已知问题,我建议你看看这个:)
https://github.com/aksonov/react-native-router-flux/issues/2675
"react-native-router-flux": "4.1.0-beta.2"
这适合我。我设置了back={true}
<Scene key='key' component={MyComponent} title='title' back={true}/>