如何给react-navigation的DrawerNavigator侧滑菜单设置为侧滑返回

最近在使用react-nativation做APP的时候,遇到了一个非常影响用户体验的问题:
无论是在主界面还是在子界面,侧滑都会直接显示侧滑界面,而不是正常操作逻辑中的返回上一页

比如,在主界面,侧滑,显示侧滑菜单。
点击主界面的cell,进入子界面,侧滑,显示出侧滑菜单。。 这里应该是直接返回上一页的。

所以又仔细地翻阅了文档,找到了一些资料:

  • DrawerLayoutAndroid
  • DrawerNavigator

原来,需要手动设置drawerLockMode属性,以达到是否允许侧滑显示菜单的效果。
drawerLockMode属性有如下:

  • unlocked
  • locked-closed
  • locked-open

经过测试,在设置为locked-closed时,侧滑不显示菜单,达到返回上一页效果。

解决代码

所以,我们的最终解决方案就是:在子页面的navigationOptions属性里,添加drawerLockMode配置即可

你可能感兴趣的:(如何给react-navigation的DrawerNavigator侧滑菜单设置为侧滑返回)