React native 如何使用react navigation添加顶部和底部导航选项卡

React native 如何使用react navigation添加顶部和底部导航选项卡,react-native,react-navigation,React Native,React Navigation,目前,我可以获得单独的顶部和底部选项卡,但不知道如何在我的应用程序中使用这两个选项卡。将您的createBottomTabNavigator放入createStackNavigator并导出: const Bottom = createBottomTabNavigator({ item1: {screen: Screen1}, item2: {screen: Screen2}, },{ initialRouteName: "item1", } )

目前,我可以获得单独的顶部和底部选项卡,但不知道如何在我的应用程序中使用这两个选项卡。

将您的
createBottomTabNavigator
放入
createStackNavigator
并导出:

const Bottom = createBottomTabNavigator({
    item1: {screen: Screen1},
    item2: {screen: Screen2},
    },{
        initialRouteName: "item1",
    }
)

export default createStackNavigator({
    tabs: Bottom,
    item3: Screen3,
})

在初始加载顶部选项卡导航器堆栈时调用底部选项卡导航器堆栈