Android react native router flux back按钮显示顶部
我正在尝试使用react native router flux创建嵌套路由,但我正在获取顶部的返回按钮,如下图所示(红色标记区域): 我的代码:Android react native router flux back按钮显示顶部,android,react-native,react-native-router-flux,Android,React Native,React Native Router Flux,我正在尝试使用react native router flux创建嵌套路由,但我正在获取顶部的返回按钮,如下图所示(红色标记区域): 我的代码: const RouterComponent = () => { return( <Router> <Scene key="root"> <Scene key="auth"> <Scen
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;
constroutercomponent=()=>{
返回(
);
};
导出默认路由组件;
平台版本:反应本机:0.51.0
react本机路由器流量: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;
constroutercomponent=()=>{
返回(
);
};
导出默认路由组件;
我找到了解决方案。我通过在父场景中添加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;
constroutercomponent=()=>{
返回(
);
};
导出默认路由组件;
这对我有用。
我将back={true}
<Scene key='key' component={MyComponent} title='title' back={true}/>
这对我有用。
我将back={true}
<Scene key='key' component={MyComponent} title='title' back={true}/>
在我的例子中,BackButton显示并工作正常,但问题是第一行显示BackButton,第二行显示标题,就像我的屏幕截图一样,它们没有一起显示。在我的例子中,BackButton显示并工作正常,但问题是第一行显示BackButton,第二行显示标题,就像我的屏幕截图一样,它们没有一起显示。