Tengo una pantalla de "chat" a la que se puede acceder desde varias pantallas en mi aplicación React Native. Estoy tratando de agregar una "declaración if" con un "route.params?" al navegador de pila, por lo que llevará al usuario de regreso a la pantalla adecuada, dependiendo de dónde provengan, pero no puedo ejecutar la declaración "if".

A continuación se muestra mi código:

 function MainTabScreen ({ navigation, route }){ const didComeFromNextScreen = () => route.params const didComeFromOtherScreen = () => route.params const chatChecker = ()=>{ if(route.params?.didComeFromNextScreen){ console.log('It came from NextScreen') navigation.navigate('NextScreen') return; } if(route.params?.didComeFromOtherScreen){ console.log('It came from OtherScreen') navigation.navigate('OtherScreen') return; } } <MainTab.Navigator screenOptions ={{ headerStyle:{ backgroundColor:"#fff" , }, gestureEnabled: false, headerTintColor: 'red', headerTitleStyle: { fontWeight: 'bold', fontSize: height*0.023, textAlign: 'center', } }} > <MainTab.Screen name = "NextScreen" component={NextScreen} options= {{ title: '' , headerTintColor: '#fff', headerLeft: null, headerRight: () => ( <Icon.Button name = "message" size={25} backgroundColor= "#fff" onPress={ () => navigation.navigate('ChatScreen',{ didComeFromNextScreen: true })}> </Icon.Button> }} /> <MainTab.Screen name = "ChatScreen" component={ChatScreen} options= {{ title: '' , headerTintColor: '#fff', headerLeft: ()=>( <Icon.Button name = "arrow-left" size={25} backgroundColor= "#fff" onPress={chatChecker}/> ) }} /> <MainTab.Screen name = "OtherScreen" component={OtherScreen} options= {{ title: '' , headerTintColor: '#fff', headerLeft: null, headerRight: () => ( onPress={ () => navigation.navigate('ChatScreen',{ didComeFromOtherScreen: true })}> }} /> </MainTab.Navigator>