react-native-router-flux 后退按钮显示顶部 [英] react-native-router-flux back button shows top
本文介绍了react-native-router-flux 后退按钮显示顶部的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用 react-native-router-flux 创建嵌套路由,但我在顶部获得返回按钮,如下所示(红色标记区域):
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) :
我的代码:
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
Platform version :
react-native : 0.51.0
react-native-router-flux : 4.0.0-beta.27
谁能告诉我如何获得带有标题的返回按钮?
Can anybody tell me how can i get back button with title ?
推荐答案
我得到了我的解决方案.我通过在父场景上添加 hideNavBar={true}
和在子场景上添加 hideNavBar={false}
来解决它.
I got my solution. I solved it by adding hideNavBar={true}
on parent and hideNavBar={false}
on child Scene.
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;
这篇关于react-native-router-flux 后退按钮显示顶部的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文