React-Native之禁用Navigator默认的右滑手势返回上一页

前端之家收集整理的这篇文章主要介绍了React-Native之禁用Navigator默认的右滑手势返回上一页前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

对于RN默认的导航组件Navigator,可以通过右滑切换view,这样效果往往在项目中并不是很需要,但是想要去掉,也着实费了点功夫,下面来看如何解决这个问题?

方法

主要原理,也很简单,就是设置gestures属性为{}或者null即可,为了方便使用,我们直接看代码

  1. ...
  2. <Navigator
  3. ref="navigator"
  4. initialRoute={{name: 'your first view'}}
  5. renderScene={this.renderScene}
  6. configureScene={this.configureScene}
  7. }
  8. />
  9.  
  10. ...
  11.  
  12. configureScene = (route,routeStack) => {
  13. let configure = Navigator.SceneConfigs.PushFromRight;
  14.  
  15. switch (route.name){
  16. case 'EditView':
  17. configure = Navigator.SceneConfigs.FloatFromBottom;
  18. default:
  19. configure = Navigator.SceneConfigs.PushFromRight;
  20. };
  21. return {
  22. ...configure,gestures:{}
  23. };
  24. }

在配置secen的时候,我们只需要返回结果中带上gestures即可,如上。

猜你在找的React相关文章