createBottomTabNavigator 已移至错误消息

Posted 2023-02-23

【中文标题】createBottomTabNavigator 已移至错误消息

【英文标题】：createBottomTabNavigator has moved to error message

【发布时间】：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

【参考方案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;

`