前言
最近公司开发一个新项目,想去用react native
,环境搭建网上有很多,也可以去官方网站跟着步骤一步一个脚印的走,哈哈哈哈哈哈哈!!!!
react native
的路听说坑很多,然而我就遇到了我的第一个错误,现在做一下记录。
错误日志
'createBottomTabNavigator()' has been moved to 'react-navigation-tabs'
如下图所示:
问题分析
可能是react-navigation
的版本的问题,但是在很久之前,有我头发已经退去的老前辈告诉我,react native
的版本要稳定下来,不能轻易的升级使用版本,不然会哭晕在厕所。
解决方法
因为是刚学习react-native
,所以在网上找了很多大牛的博客,都说是更新的问题,那我就往这个方向找了。你还别说,还真是这个问题。
老版本的代码是这样:
import {createBottomTabNavigator} from "react-navigation";
import {createStackNavigator} from "react-navigation";
import {createDrawerNavigator} from "react-navigation";
import {createAppContainer} from "react-navigation";
新版本的代码是这样:
import {createBottomTabNavigator} from "react-navigation-tabs";
import {createStackNavigator} from "react-navigation";
import {createDrawerNavigator} from "react-navigation";
import {createAppContainer} from "react-navigation";
不知道你看出微妙之处了吗?
方法很简单,只需要执行
npm install --save react-navigation-tabs
这行命令就可以迎刃而解了,别忘了link
一下。