createBottomTabNavigator 已移至错误消息答案

【问题标题】：createBottomTabNavigator has moved to error messagecreateBottomTabNavigator 已移至错误消息
【发布时间】：2020-01-15 12:17:04
【问题描述】：

我在 Expo 上收到一条错误消息，上面写着“createBottomTabNavigator()”已移至“react-navigation-tabs”。详情请见http........

我已经完成 npm install react-navigation-tabs 并更改了我的导入，但这些更改并没有消除错误

import { createBottomTabNavigator } from 'react-navigation-tabs';
import { createAppContainer } from 'react-navigation'

import HomeScreen from './Home';

const TabNavigator = createBottomTabNavigator({
    Home: HomeScreen,
    SignUp: SignUpScreen
},
);

export default createAppContainer(TabNavigator);

我希望在安装 react-navigation-tabs 并更改我的导入后，问题会得到解决。

【问题讨论】：

重建和重新启动 Metro 捆绑器可能会对您有所帮助。
我遇到了同样的问题，我删除了 node_modules 并运行了 yarn 然后启动了项目，它运行良好。
您的代码没有任何问题。尝试运行重新运行您的应用
试试expo start -c

标签： react-native react-navigation tabnavigator

【解决方案1】：

因为 react-navigation 版本 4，所有导航器都已移至单独的存储库，因此您必须单独安装它们。

npm i react-navigation-stack   // or yarn add react-navigation-stack

之后，转到定义 createStackNavigator 的文件并进行更改：

import { createStackNavigator } from 'react-navigation'

到：

import { createStackNavigator } from 'react-navigation-stack'

【讨论】：

【解决方案2】：

您需要在createAppContainer 中传递createBottomTabNavigator，这将从react-navigation 导入。

import {  createAppContainer } from "react-navigation";
import { createBottomTabNavigator } from 'react-navigation-tabs';

const TabNavigator = createAppContainer(createBottomTabNavigator({
  Home: HomeScreen,
  SignUp: SignUpScreen
},
));

export default TabNavigator;

【讨论】：