React Native navigator关闭侧滑手势
来源:互联网 发布:php增删改查源码下载 编辑:程序博客网 时间:2024/06/05 05:32
我们在使用Navigator进行页面跳转的时候,会配置跳转动画configureScene,但是你会发现,我们使用侧滑手势的时候,页面会拉动,会导致或页面关闭或打开页面。如果我们不希望让它响应侧滑手势呢?
解决如下:
在使用Navigator时,配置configureScene的gestures为null
在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或者做其他调整时,重新下载下来又得改,还是上面两种比较靠谱。以上就是今天的大发现,终于解决滑动返回的问题了~
资料参考:How to disable back swipe gesture in 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之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详解
- .net各个版本多线程的进化
- 图片剪裁之图形圆形和方形选择框
- Source Insight 3.X 插件支持utf8
- 之前写的一个桌面聊天软件的项目总结
- leetcode-Next Greater Element II
- React Native navigator关闭侧滑手势
- 剑指Offer:变态跳台阶
- 对话
- Java常用包
- SpringMVC 406 not acceptable according to the request "accept" headers.
- 轻量却超强——推荐几款好用的截图工具
- 1053.Path of Equal Weight (30)...to be continued...
- uvalive 5059 Playing With Stones(组合游戏,SG函数)@
- python java 操作 javascript 函数