RN开发过程中会涉及到iOS和安卓两个端的适配,尤其是TabBar和Navigatior的使用方面很容易出错。
最开始的学习中都是使用TabBarIOS和NavigatorIOS来实现框架的搭建,但是这两个组件只能适用在iOS端,安卓端是无法使用的,所以就得使用TabNavigator和Navigator来实现两个端的适配开发。
1、安装TabNavigator,如果直接进入到项目的根目录然后就进行安装的话,会报错!
正确步骤:从控制台进入到项目根目录以后
react-native link ||rnpm link一下然后再
npm i react-native-tab-navigator --save
2、使用Navigator
直接像上图这样引入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'
此时我们需要通过引用:
react-native-deprecated-custom-components 来导入 Navigator 组件
正确步骤:
1、打开程序的根目录(也就是和 Package.json 同级的目录)
2、使用cmd 命令工具
输入命令: npm installreact-native-deprecated-custom-components --save
在使用Navigator的地方引用便可使用。
引用方式:import {Navigator} from "react-native-deprecated-custom-components"
注意:在引用时 一定在导入 Navigator的时候加上 {} 要不然会报错。