react native navigator禁用滑动返回
来源:互联网 发布:unity3d开发地方麻将 编辑:程序博客网 时间:2024/05/27 01:34
转载:http://blog.csdn.net/pz789as/article/details/52606635
在React-Native开发中,经常会用到导航。导航做什么用的呢,简单点说就是页面跳转。
一个项目中,肯定有很多的页面要跳来跳去的,RN就给我们提供了Navigator组件,可以很好的管理页面的跳转。
在所有工作做完之后,发现有个bug!在从第一个界面跳转到下一个界面后,如果从屏幕左边向右滑,或者从上面想下滑,你会发现一个神奇的事情,那就是页面会通过滑动而返回到上一个界面。这让我们很尴尬了,本来打算禁止跳转返回的,或者返回时还要做些什么处理的,结果啥都没做,直接返回,可以说,这个功能有点适得其反了。
于是为了解决这个问题,到处找答案,官网没有说,论坛也没人回答。于是放置了很久很久,没想到在今天的而然查找下,终于找到解决方案了。
方案主要分三种:
1,自己定义个configureScene:
然后在Navigator标签下使用这里主要是处理了pop,其中还有jumpback,jumpforward的
2,如果你都不要返回处理的,直接将gestures都改成{}或者null
然后使用也是一样:我就是用的第二种。
3,还有一种,是直接改源码,在项目目录下找到路径:
/node_modules/react-native/Libraries/CustomComponents/Navigator/Navigator.js
里面有一段代码,去掉pop就可以了
这种直接修改源码的不推荐使用,因为每当你要升级RN或者做其他调整时,重新下载下来又得改,还是上面两种比较靠谱。 0 0
- react native navigator禁用滑动返回
- React-Native中禁用Navigator手势返回
- React-Native之禁用Navigator默认的右滑手势返回上一页
- react-native navigator
- react-native--Navigator
- React Native之Navigator
- React Native[Navigator]
- React-Native之Navigator
- react-native navigator
- react-native-tab-navigator
- React Native Navigator
- react native Navigator
- React Native Navigator
- React-native navigator
- React Native]React Native组件之Navigator
- react-native Navigator 填坑
- React Native的Navigator详解
- 学习react-native之Navigator
- ListView指定单位时间内的滚动距离
- 单元测试的2种mark下
- JavaScript 中 当用live绑定多个同名事件时,如何移除事件。
- ScrollView的滑动监听
- java的动态绑定与静态绑定
- react native navigator禁用滑动返回
- GTKmm 練習筆記(三)Drawing Area實作動畫鬧鐘(cairo 向量繪圖)
- 文件格式大全
- C/C++中的multiple definition of“****”的问题
- $stateParams 获取参数失败
- UGUI提高<六> ToggleGroup勾选组和Dropdown下拉菜单
- DTFT和DFT
- c++赋值运算符
- 多线程、工厂模式、GUI+JAVA学习笔记-DAY25