Quiero rastrear el tiempo cuando un usuario navega por la pantalla y cuando sale de la pantalla. También quiero establecer el estado y luego enviar esos datos a la API.
const Stack = createStackNavigator(); const Tab = createMaterialTopTabNavigator(); export default function BootcampWeeksScreen(props){ const { navigation } = props; const pathway_id=navigation.getParam('pathway_id'); return ( <NavigationContainer> <Tab.Navigator tabBarOptions={{ scrollEnabled: true }}> <Tab.Screen name="Course" component={Courses} initialParams={{pathway_id:pathway_id}} /> <Tab.Screen name="Roadmap" component={Roadmap} /> </Tab.Navigator> </NavigationContainer> ); } Cuando un usuario navega a la pantalla del Course , quiero realizar un seguimiento de ese tiempo cuando el usuario abandona la pantalla.
¿Cómo puedo hacer esto?
puede hacerlo almacenando el tiempo en una variable global a la que se puede acceder a través de los componentes. puedes usar el contexto de reacción o redux para eso.
cuando el usuario navega a otra página, probablemente podría usar
useEffect(()=>{ return ()=>{ // when the user navigated to another page this gets execute // setting of new date will be from here } },[])