我有下面的屏幕结构，我不知道如何做。我有一个底部标签屏幕，每个底部标签本身就是一堆屏幕。但在进入底部选项卡屏幕之前，我想授权用户。所以我有另一堆屏幕来处理身份验证。如何使之成为可能（即当用户启动应用时，如果该用户已经登录，则将向他们呈现底部标签页，但是如果他们尚未登录，则将向他们呈现注册/登录页）。我已经包括了以下内容以获得更多的上下文：认证页面

const authentication = createNativeStackNavigator();
const AuthorizationScreen = ({navigation}) => {
    const {bgcolr}  = React.useContext(ThemeContexts)
  return (
    <>
    <authentication.Navigator initialRouteName="Welcome" screenOptions={{tabBarVisible: true,headerStyle:{backgroundColor:bgcolr}}} >
        <Authorization.Screen name='Signup' component={Signup} />
        <Authorization.Screen name='Signin' component={Signin} />
    </authentication.Navigator>
    </>
  )
}

底部选项卡页面

const MyTabs = ({navigation})=>{
    const Tab = createBottomTabNavigator();
    return (
        
        <Tab.Navigator>
            <Tab.Screen name="Home" component={HomeStackScreen} />
            <Tab.Screen name="Profile" component={ProfileStackScreen}/> 
        </Tab.Navigator>
    )
}

在底部选项卡的主页选项卡中，存在以下屏幕堆栈

const ProfileStack = createNativeStackNavigator();
const ProfileStackScreen = () => {
  return (
    <>
    <ProfileStack.Navigator initialRouteName = "Profiles">
        <ProfileStack.Screen name ="Profiles" component={Profile}/>
        <ProfileStack.Screen name="settings" component={Settings}/>
        <ProfileStack.Screen name="Logout" component={Logout} />
    </ProfileStack.Navigator>
    </>
  )
}

因此，如果用户还没有登录，我希望向其显示授权屏幕。但如果他们第一次打开应用程序时已经登录，则向他们显示MyTabs底部选项卡。我该怎么做。此外，一旦用户登录，如果注销，他们将再次显示授权屏幕。我知道我需要使用Asyncstorage来保存授权属性。但我不知道该怎么做