什么是用react-native组织身份验证屏幕的最佳方法

Question

我正在尝试创建我的第一个React Native应用，但遇到了一些困难。其中之一是如何组织身份验证屏幕。

我的意思是我有带有徽标和两个按钮“ Sign up”和“ Sign in”的欢迎屏幕。 单击此按钮之一后，用户将执行标准程序。

有一张图片（俄语，但很容易理解）

但是如果用户已经获得授权，则必须错过该屏幕。

在https://reactnavigation.org/docs/upgrading-from-4.x上我找到了这段代码

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        {isLoggedIn ? (
          <>
            <Stack.Screen name="Home" component={HomeScreen} />
            <Stack.Screen name="Settings" component={SettingsScreen} />
          </>
        ) : (
          <Stack.Screen name="SignIn" component={SignInScreen} />
        )}
      </Stack.Navigator>
    </NavigationContainer>
  );
}

看起来不错，但这是最好的方法吗？

我还发现其他人会将导航转移到特殊文件夹。