React Native Navigator

a. react-native版本从0.29.0升级到0.45.1后出现下面的错误:

Navigator is deprecated and has been removed from this package.
It can now be installed and imported from react-native-deprecated-custom-components

可知Navigator已被废弃,并从react-native包中移除,若要继续使用则需要改为:

import {Navigator} from 'react-native-deprecated-custom-components';

b. 自定义Navigator 的 configureScene,如下:

CustomizeConfigScene.js:

import {Navigator} from 'react-native-deprecated-custom-components';

export var PushFromRightNoGestures = {
    ...Navigator.SceneConfigs.PushFromRight,
    gestures: {
      pop: false,
    },
};

在引用的地方如下:

import React, { Component } from 'react';
import {
  AppRegistry,
  View,
  StatusBar,
} from 'react-native';
import {Navigator} from 'react-native-deprecated-custom-components';
import {PushFromRightNoGestures} from './CustomizeNavigatorSceneConfig.js';
import LoginUI from './LoginUI.js';

class AweSomeProject extends Component {
  render() {
    let defaultName = 'LoginUI';
    let defaultComponent = LoginUI;

    return (
      <Navigator
        initialRoute={{name: defaultName, component: defaultComponent}}
        configureScene={
          (route) => {
            //禁止手势返回
            return PushFromRightNoGestures;
          }
        }
        renderScene={
          (route, navigator) => {
            let Component = route.component;
            return <Component {...route.params} navigator={navigator}/>
          }
        }/>
    );
  }
}

AppRegistry.registerComponent('AweSomeProject', () => AweSomeProject);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值