解决react native react-navigation DrawerNavigator 在其他界面侧滑手势会唤出侧滑菜单问题

一般情况下如果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', //首页
});

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

你可能感兴趣的:(解决react native react-navigation DrawerNavigator 在其他界面侧滑手势会唤出侧滑菜单问题)