React-Native到0.44版本后Navigator 不能用的问题

Posted 2020-09-28 跌倒不要紧，要紧的是赶快爬起来。

新升级  到0.46版本以后 Navigator 不能使用报错。

‘Navigator is deprecated and has been removed from this package. It can now be installed ‘ +
           ‘and imported from `react-native-deprecated-custom-components` instead of `react-native`. ‘ +
          ‘Learn about alternative navigation solutions at http://facebook.github.io/react-native/docs/navigation.html‘

 

解决方案：

  1、cd 当前目录

  2、npm install react-native-deprecated-custom-components --save

  3、import {Navigator} from ‘react-native-deprecated-custom-components‘;

  4、

          <Navigator 
            initialRoute={{ name: ‘首页‘, component: Home }}
            //配置场景
            configureScene=
            {
              (route) => {

                //这个是页面之间跳转时候的动画，具体有哪些？可以看这个目录下，
                //有源代码的: node_modules/react-native/Libraries/CustomComponents/Navigator/NavigatorSceneConfigs.js

                // return Navigator.SceneConfigs.PushFromRight;
                return ({
                  ...Navigator.SceneConfigs.PushFromRight,
                  gestures: null,
                });
              }
            }
            renderScene={
              (route, navigator) => {
                let Component = route.component;
                return <Component {...route.params} navigator={navigator} />
              }
            } />