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

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

前言

对于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即可,如上。

原文链接:https://www.f2er.com/react/304657.html

猜你在找的React相关文章