如何给react-navigation的DrawerNaviga
2018-01-25 本文已影响0人
NextStack
最近在使用react-nativation
做APP的时候,遇到了一个非常影响用户体验的问题:
无论是在主界面还是在子界面,侧滑都会直接显示侧滑界面,而不是正常操作逻辑中的返回上一页
比如,在主界面,侧滑,显示侧滑菜单。
点击主界面的cell,进入子界面,侧滑,显示出侧滑菜单。。 这里应该是直接返回上一页的。
所以又仔细地翻阅了文档,找到了一些资料:
原来,需要手动设置drawerLockMode
属性,以达到是否允许侧滑显示菜单的效果。
drawerLockMode
属性有如下:
- unlocked
- locked-closed
- locked-open
经过测试,在设置为locked-closed
时,侧滑不显示菜单,达到返回上一页效果。
解决代码
所以,我们的最终解决方案就是:在子页面的navigationOptions
属性里,添加drawerLockMode
配置即可