美文网首页
如何给react-navigation的DrawerNaviga

如何给react-navigation的DrawerNaviga

作者: NextStack | 来源:发表于2018-01-25 12:39 被阅读0次

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

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

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

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

  • unlocked
  • locked-closed
  • locked-open

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

解决代码

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

相关文章

网友评论

      本文标题:如何给react-navigation的DrawerNaviga

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