¿Cómo agrego pantallas públicas a react-navigation?

Estoy creando una aplicación nativa de reacción usando Expo y navegación de reacción, la aplicación actualmente tiene dos navegadores, uno es visible para los usuarios autenticados y el otro solo es visible para los usuarios no autenticados, como la página de inicio de sesión.

Esta es la estructura de navegación:

function Navigation({ isLoggedIn }) {
  return (
    <NavigationContainer>
      {isLoggedIn ? (
        <Stack.Navigator>
          <Stack.Screen name="home" component={Home}></Stack.Screen>
          <Stack.Screen name="public" component={Public}></Stack.Screen>
        </Stack.Navigator>
      ) : (
        <Stack.Navigator>
          <Stack.Screen name="login" component={Login}></Stack.Screen>
          <Stack.Screen name="public" component={Public}></Stack.Screen>
        </Stack.Navigator>
      )}
    </NavigationContainer>
  );
}

como puede ver, hay una pantalla llamada 'pública' que aparece dos veces en ambos navegadores porque quiero que las personas puedan ver este componente independientemente de su estado de autenticación, ¿es esta la forma correcta de hacerlo?