只为成功找方法,不为失败找理由。

博客园 首页 新随笔 联系 订阅 管理

新升级  到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} />
              }
            } />

 

 

 

posted on 2017-07-19 15:38  诗意的活着  阅读(4525)  评论(4编辑  收藏  举报