Javascript 如何在React Native中使用CreateBoottomTabNavigator？

当前代码

App.js

从“React”导入React；
从'@react-navigation/native'导入{NavigationContainer}；
从'@react navigation/stack'导入{createStackNavigator}；
从“react native elements”导入{Icon}；
从“app/src/screens/home/Index”导入主屏幕；
从“app/src/screens/home/Detail”导入DetailScreen；
从“app/src/screens/mypage/Index”导入MypageScreen；
从“app/src/screens/authentication/Initial”导入InitialScreen；
康斯特之家={
屏幕：主屏幕，
导航选项：（{navigation}）=>{
返回{
标题:"家",，
};
},
};
常量详细信息={
屏幕：详细屏幕，
导航选项：（{navigation}）=>{
返回{
标题：“细节”，
};
},
};
常量Mypage={
屏幕：MypageScreen，
导航选项：（{navigation}）=>{
返回{
标题：“MyPage”，
};
},
};
常量首字母={
屏幕：初始化屏幕，
导航选项：（{navigation}）=>{
返回{
标题：'首字母'，
};
},
}
const HomeStack=createStackNavigator(
{
家，
细节
},
{
initialRouteName:“主页”，
导航选项：{
塔巴瑞康：，
},
}
);
const MypageStack=createStackNavigator(
{
Mypage，
},
{
initialRouteName:“Mypage”，
导航选项：{
塔巴瑞康：，
},
}
);
const postLoginNavigator=createBottomTabNavigator({
家：家装，
Mypage:MypageStack，
});
const AppNavigator=createStackNavigator({
首字母，
PostLogin:postLoginNavigator
},{
模式：“模态”，
headerMode:“无”，
initialRouteName:“初始”
})
const AppContainer=createAppContainer（AppNavigator）；
导出默认类App扩展React.Component{
render（）{
返回(
);
}
}

我想做什么

我想使用CreateBoottomTabNavigator在底部创建选项卡。 主页和我的页面选项卡

我面临的错误

错误：创建导航器不接受参数。也许您正在尝试将React Navigation 4 API与React Navigation 5一起使用

ps

我正在使用

"@react-navigation/native": "^5.2.3",
"@react-navigation/stack": "^5.2.8",
"@react-navigation/bottom-tabs": "^5.0.6",

---

如果您能给我任何建议，我将不胜感激。

在StackNavigator中添加bottomTabNavigator。将来，如果要添加更多屏幕，可以将其添加到堆栈中

import React from 'react';

import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { Icon } from 'react-native-elements';

import HomeScreen from 'app/src/screens/home/Index';
import MypageScreen from 'app/src/screens/mypage/Index';

const Stack = createStackNavigator();
const Tab = createBottomTabNavigator();

const MyTabs = () => {
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="Mypage" component={MypageScreen} />
    </Tab.Navigator>
}

const AuthStack = () => (
<Stack.Navigator>
      <Stack.Screen name="Tabs" component={MyTabs} />
    </Stack.Navigator>
);

const AuthenticationNavigator = () => (
  <NavigationContainer>
    <AuthStack />
  </NavigationContainer>
);

export default AuthenticationNavigator;

从“React”导入React；
从'@react-navigation/native'导入{NavigationContainer}；
从'@react navigation/stack'导入{createStackNavigator}；
从“反应导航选项卡”导入{CreateBoottomTabNavigator}；
从“react native elements”导入{Icon}；
从“app/src/screens/home/Index”导入主屏幕；
从“app/src/screens/mypage/Index”导入MypageScreen；
const Stack=createStackNavigator（）；
const Tab=createBottomTabNavigator（）；
常量MyTabs=（）=>{
}
常量AuthStack=（）=>(
);
const AuthenticationNavigator=（）=>(
);
导出默认AuthenticationNavigator；

const MyTabs=（）=>{
返回(
);
}

---

你能试试这个吗？我想我错过了回报声明

谢谢。const Tab=createBottomTabNavigator（）；返回错误：*TypeError:undefined不是一个对象（正在计算'object.keys（routeConfigs）'）**如果您能告诉我如何解决这个问题，我将不胜感激。

    const MyTabs = () => { 
     return(
        <Tab.Navigator>
          <Tab.Screen name="Home" component={HomeScreen} />
          <Tab.Screen name="Mypage" component={MypageScreen} />
        </Tab.Navigator>);
    }