React native Tab Navigator折旧，CreateBoottomTabNavigator为'；我无法使用我的代码

我正在从事一个使用旧的折旧“Tab Navigator”的项目，我试图合并can“CreateBoottomTabNavigator”，但我遇到了一些问题，有人能帮我吗

我的代码如下：

     import React, {Component} from "react";
     import {View, StyleSheet, CameraRoll} from "react-native";
     import {MainFeed, Login, Camera, Profile } from "./components/screens";
     import { createSwitchNavigator, createAppContainer } from "react-navigation";
     import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";


  const Tabs = createBottomTabNavigator({

     feed: MainFeed,
   camera: Camera,
 profile: Profile

 });


  const MainStack = createSwitchNavigator({
    login:{screen:Login},
    main: {screen: MainFeed}
 });

  const AppContainer =createAppContainer(MainStack);


   class InstaClone2 extends React.Component {
       render() {
    return  <AppContainer/>;

  }
}

export default InstaClone2;

import React，{Component}来自“React”；
从“react native”导入{View，StyleSheet，CameraRoll}；
从“/components/screens”导入{MainFeed，Login，Camera，Profile}；
从“react navigation”导入{createSwitchNavigator，createAppContainer}；
从“@react navigation/bottom tabs”导入{createBottomTabNavigator}”；
const Tabs=createBottomTabNavigator({
提要：MainFeed，
摄像机：摄像机，
简介：简介
});
const MainStack=createSwitchNavigator({
登录：{屏幕：登录}，
main:{屏幕：MainFeed}
});
const AppContainer=createAppContainer（MainStack）；
InstaClone2类扩展了React.Component{
render（）{
返回后，我仍然不知道如何将其合并到我当前的代码中。有人能给我一个书面的详细示例，说明如何将其合并到我当前的代码中吗？我将不胜感激

错误消息的照片：

您使用的是
react navigation
V5。如果您想像这样使用
createBottomTabNavigator
，我建议您降级到V4。如果您仍然想使用V5，您需要遵循“我正在试图弄清楚如何下载V4，我在我的package.json文件中，但我不知道到底要单击什么或如何更改”se显示“依赖项”：“{@react导航/底部选项卡”：“^5.0.7”，“react原生屏幕”：“^2.0.0-beta.13”，“react原生web”：“~0.11.7”，“react导航”：“^4.2.1”，“react导航选项卡”：“^2.8.1”“@react导航/native”：“^5.0.7”，）如何将其更改为版本4？我需要输入什么？在哪个字段？以下是获取createBottomTabNavigator的正确方法指南：您使用的是
@react navigation/bottom tabs
，它是专为
react navigation
5设计的，非常感谢！我的代码终于成功了又来了，你是救命恩人。