BottomTabNavigator-反应本机

Question

我想在我的应用程序中包含bottomTabNavigator，我已经安装了以下内容：

>     "react-navigation": "^4.0.7",
>     "react-navigation-tabs": "^2.5.5",

然后我创建了一个TabNavigator，例如：

import React from "react";
import { createBottomTabNavigator } from "react-navigation-tabs";
import { createStackNavigator } from "react-navigation-stack";
import HomeScreen from "../screens/HomeScreen";
import VideosScreen from "../screens/VideosScreen";

const HomeStack = createStackNavigator(
  {
    Home: HomeScreen,
    Videos: VideosScreen
  },
  {
    mode: "modal"
  }
);

const VideosStack = createStackNavigator({
  Videos: VideosScreen,
  Video: VideosScreen
});

const FoodsStack = createStackNavigator({
  Foods: VideosScreen,
  Food: VideosScreen
});
const TrainingsStack = createStackNavigator({
  Trainings: VideosScreen,
  Training: VideosScreen
});

const TabNavigator = createBottomTabNavigator({
  HomeStack,
  VideosStack
});

export default TabNavigator;

然后，我创建了一个AppNavigator：

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import HomeScreen from "../screens/HomeScreen";
import VideosScreen from "../screens/VideosScreen";
import TabNavigator from "./TabNavigator";

const AppNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Videos: VideosScreen
  },
  {
    mode: "modal"
  }
);

export default createAppContainer(TabNavigator);

现在，当我运行该应用程序时，它会崩溃，如下图所示：

现在我该怎么办？有什么想法吗？

Answer 1

如果您使用的是较旧的React Native版本，则需要手动链接依赖项。为此，

在终端上运行：

react-native link react-native-reanimated
react-native link react-native-gesture-handler
react-native link react-native-screens

或者如果您正在使用expo，请运行：

expo install react-native-gesture-handler react-native-reanimated