Tengo el siguiente código para crear una pantalla de inicio simple usando un ternario basado en un estado llamado isLoading .

 import { NavigationContainer } from '@react-navigation/native'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; const Stack = createNativeStackNavigator(); export default function App() { return ( <NavigationContainer> <Stack.Navigator> {state.isLoading ? ( <Stack.Screen name="Splash" component={SplashScreen} /> ) : ( <Stack.Screen name="App" component={App} /> )} </Stack.Navigator> </NavigationContainer> ) }

Quiero crear una transición que desvanezca la pantalla de presentación en la vista de la aplicación, porque la animación predeterminada es una diapositiva. He visto esta publicación de desbordamiento de pila, pero no funciona en mi caso ya que en realidad no estoy navegando entre pantallas, sino que las estoy reemplazando.

También quiero seguir usando este estilo ternario porque son "rutas protegidas" para un sistema de inicio de sesión.

Me he acercado a la opción animationTypeForReplace para una Screen , pero parece que solo puede ser 'push' o 'pop' , no algún tipo de desvanecimiento o sin transición.