如何在React Native中加入2个堆栈导航器

问题描述

我有2个堆栈导航器，分别处理我的应用程序的2个不同部分，一个是身份验证，另一个是应用程序本身。我想将这2个堆栈导航器放在不同的文件中，并将一个文件加入两者。有办法吗？

MainNavigation代码

import React from 'react'
import {NavigationContainer} from '@react-navigation/native'

import AuthNav from './AuthNav'
import AppNav from './AppNav'

const MainNav = () => {
    return (
        <NavigationContainer>
            <AuthNav />
            <AppNav />
        </NavigationContainer>
    )
}

export default MainNav

AppNavigation代码

const Stack = createStackNavigator<AppNavParams>()
const AppNav = () => {
    return (
        <Stack.Navigator>
            <Stack.Screen name="Register">
                {props => <RegisterScreen {...props} />}
            </Stack.Screen>
        </Stack.Navigator>
    )
}

AuthNavigation代码

const Stack = createStackNavigator<AppNavParams>()
const AuthNav = () => {
    return (
        <Stack.Navigator>
            <Stack.Screen name="Login">
                {props => <RegisterScreen {...props} />}
            </Stack.Screen>
        </Stack.Navigator>
    )
}

edit1：已删除图像并插入了代码

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-native stack-navigator