Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

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

$
0
0

前言

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

方法

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

...
<Navigator
    ref="navigator"
    initialRoute={{name: 'your first view'}}
    renderScene={this.renderScene}
    configureScene={this.configureScene}
    }
/>

...

configureScene = (route, routeStack) => {
                let configure = Navigator.SceneConfigs.PushFromRight;

                switch (route.name){
                        case 'EditView':
                                configure = Navigator.SceneConfigs.FloatFromBottom;
                        default:
                                configure =  Navigator.SceneConfigs.PushFromRight;
                };
                return {
                        ...configure,
                        gestures:{}
                };
        }

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

作者:jiangbo_phd 发表于2017/3/8 14:15:08 原文链接
阅读:25 评论:0 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>