Reactjs 反应本机页面导航

我目前有一个基本的用户身份验证导航，如下所示。一旦用户登录，他们就会看到主页，主页上有一个底部导航，可以在应用程序的主屏幕上导航。所有这些都很完美

///
App.js
///
import React, { useState, Component } from 'react';
import { createStackNavigator, createBottomTabNavigator, createSwitchNavigator, createAppContainer } from 'react-navigation';
import AuthLoadingScreen from "./screens/AuthLoadingScreen";
import SignInScreen from "./screens/SignInScreen";
import SignUpScreen from "./screens/SignUpScreen";
import OptionsScreen from "./screens/OptionsScreen";
import LinksScreen from "./screens/LinksScreen";
import WelcomeScreen from "./screens/WelcomeScreen";
import NewPostScreen from "./screens/NewPostScreen";

const AuthStack = createStackNavigator({ SignIn: SignInScreen, SignUp: SignUpScreen });

const AppStack = createBottomTabNavigator({ Home: WelcomeScreen, Options: OptionsScreen, Links: LinksScreen });

const SwitchRouteConfig = {
  AuthLoading: AuthLoadingScreen,
  Auth: AuthStack,
  App: AppStack,
}

const SwitchConfig = {
  initialRouteName: 'AuthLoading',
}

const Navigator = createAppContainer(createSwitchNavigator(SwitchRouteConfig, SwitchConfig));
export default function App(props) {
     return (
           <Navigator />
     );
}

这是我在LinksScreen.js上的按钮代码

 <Button
        title="Create Post"
        onPress={() => { navigation.navigate("NewPost"));
        }}
      />

{navigation.navigate（“NewPost”）；
}}
/>

---

关于路线/导航有很多不同的方法和教程，我似乎无法在维护基本用户身份验证系统的同时解决这个问题。

您可以添加到

StackNavigator

const AuthStack=createStackNavigator({
签名：签名屏幕，
注册：注册，
NewPost:NewPostScreen
});

或

const SwitchRouteConfig={
AuthLoading:AuthLoadingScreen，
Auth:AuthStack，
应用程序：AppStack，
NewPost:NewPostScreen
}

对不起，我不明白。那么，您想在同一个选项卡（链接）中显示NewPost屏幕，还是根本不想显示任何选项卡？我知道您不需要另一个选项卡这是最有意义的，但AuthStack适用于已注销的用户。@Brayden好的，我编辑了我的答案。看看我的答案

 <Button
        title="Create Post"
        onPress={() => { navigation.navigate("NewPost"));
        }}
      />