Estoy usando la siguiente estructura para organizar mis pantallas
Hay un navegador de pestañas en la parte inferior para mostrar dos pantallas: Jobs y Notification . La pantalla de Jobs es un navegador de pila que tiene dos pantallas: Job para una lista de trabajos y JobDetail para mostrar los detalles de un trabajo. Cuando hago clic en una notificación, necesito navegar a la pantalla JobDetail respectiva.
Mi pregunta es: ¿hay alguna manera de volver a la pestaña Notification presionando el botón Atrás desde la pantalla JobDetail , dado que navegué a la pantalla JobDetail haciendo clic en una de las notificaciones en primer lugar? Actualmente, cuando hago clic en el botón Atrás en la pantalla JobDetail , me lleva de vuelta a la pantalla Job y, en su lugar, quiero que regrese a la pantalla Notification .
También he incluido una demostración funcional aquí: https://snack.expo.dev/@atosh502/go-back-to-tab-example
Estos son los cambios realizados y espero que funcione para usted también:
const Tabs = () => { return ( <Tab.Navigator> <Tab.Screen name="Job" component={Job} //remove JobStack and keep just Job screen /> <Tab.Screen name="Notification" component={NotificationStack} //keep NotificationStack instead of page so you'll get back to that page /> </Tab.Navigator> ) } // remove/comment your JobStack screen // const JobStack = () => { // return ( // <Stack.Navigator> // <Stack.Screen name="Job" component={Job} /> // <Stack.Screen name="JobDetail" component={JobDetail} /> // </Stack.Navigator> // ) // } //Add this NotificationStack screen const NotificationStack = () => { return ( <Stack.Navigator> <Stack.Screen name="Notification" component={Notification}/> <Stack.Screen name="Jobs" component={JobDetail} options={{title: 'Notification'}}/> </Stack.Navigator> ) }Por favor, compruebe esta demostración de trabajo aquí: haga clic aquí