栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

自定义后退导航,用于反应导航后退按钮

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

自定义后退导航,用于反应导航后退按钮

您可以尝试2件事:

a)

headerMode: 'none'
在您的
sub-StackRouters
而不是您的根路由器(名为RouterComponent)中使用。理想情况下,您无需再执行任何操作,并且的标题
sub-StackRouters
将显示在根路由器的标题中。我想我记得类似的东西对我来说有一段时间了,但是我已经有一段时间没有对其进行测试了,我认为它仍然可以像这样工作的可能性不大,但是您仍然可以进行测试。

b)这是我目前在其他情况下使用的。手动包括后退按钮:

import { HeaderBackButton } from 'react-navigation';const navigationOptions = ({ navigation }) => ({    headerLeft: <HeaderBackButton onPress={() => navigation.goBack(null)} />,})const RouterComponent = StackNavigator({    Tabs: {        screen: Tabs    },    Profile: {        screen: ProfileStack,        navigationOptions    }},{    mode: 'modal',    headerMode: 'none',});

如果上述解决方案不起作用,

尝试将navigationOptions直接添加到ProfileStack定义。

const ProfileStack = StackNavigator({    ProfileHome: {       screen: ProfileHome,       navigationOptions: ({navigation}) => ({ //don't forget parentheses around the object notation        title: 'Profile',        headerLeft: <HeaderBackButton onPress={() => navigation.goBack(null)} />      })    },    ProfileEdit: { screen: ProfileEdit }  }


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/413331.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号