美文网首页
React Native 禁止某一个页面或者全部页面手势返回

React Native 禁止某一个页面或者全部页面手势返回

作者: _sure_ | 来源:发表于2017-03-28 11:44 被阅读0次

           在公司的项目中,有个隐藏的bug,是因为React Native 默认自带,可以右滑返回上一个页面,这种体验,我个人觉得是不错的,但是在有些时候,我们不希望通过手势可以返回上一个页面,或者说希望禁止掉某些单独的页面能够通过手势返回,在百度一番后,发现只有禁止掉所有页面的手势的资料,所以发个文,希望可以帮到有需求的朋友~~~

            好了,下面上代码....
               

    1.png

    这个Navigator的设置,想必大家不陌生。就是一些场景切换设置,初始路由的设置,重点是_configureScene 方法,如下

    2.png

      可以看到。我们给route 设置了一个type的属性,如果type===noScroll的话,gestures:{},可以禁止掉手势返回事件, 如果你route的type不等于noScroll的话,还是可以手势返回上一个页面的。例如你从A页面跳转B页面,不希望B页面可以手势返回A页面就可以这样写了,

    从A跳转B

    好了,完事了。

    相关文章

      网友评论

          本文标题:React Native 禁止某一个页面或者全部页面手势返回

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