React Navigation的‘createBottomTabNavigator()‘ has been moved to ‘react-navigation-tabs‘

前言

最近公司开发一个新项目，想去用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一下。

更多文章资源，欢迎关注：程序猿阵线联盟