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一下。