解决react native react-navigation

作者: giants_one | 来源:发表于2018-05-23 20:25 被阅读95次

    一般情况下如果app中实现了侧滑菜单功能,产品需求基本上都会要求只在首页侧滑的时候才能唤出侧边栏菜单,其他界面侧滑是回到上一个界面。

    为了实现这个需求心酸爬坑路就不多言了。
    参考资料:
    参考资料1
    参考资料2
    参考资料3
    然而我看完以上的资料并没有很直观的找到我要的答案,最后无意间测试发现下面的方法可是实现:

    const navigationOptions = ({navigation}) => ({
      //其他配置项略
        drawerLockMode:'locked-closed' //here
    });
    
    
    const MainStackNavigator = StackNavigator({
        Chat:{
            screen: Chat,
            navigationOptions:{   //这步配置建议在Chat组件里使用static navigationOptions配置
                 drawerLockMode:'unlocked',  //here
            }
        }
      //其他界面配置略
    },{
        navigationOptions: navigationOptions,
        initialRouteName: 'Chat', //首页
    });
    

    配置玩上看的代码就可以实现了除首页以外的界面侧滑都是返回上一个界面。

    相关文章

      网友评论

      • Randoom:默认是路由跳转回关闭左边DrawerContainer,如何做到路由切换却不关闭呢?:smile:
        giants_one:@李繁 这个需求有过分了。。

      本文标题:解决react native react-navigation

      本文链接:https://www.haomeiwen.com/subject/mejdjftx.html