javascript - ユーザーが反応ネイティブで特定の画面に移動したときに、ユーザーの画面時間を追跡するにはどうすればよいですか?

Question

ユーザーが画面内を移動したときと画面を離れたときの時間を追跡したいと考えています。また、状態を設定してから、それらのデータを 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>
  );
}

ユーザーが画面に移動したCourseとき、ユーザーが画面を離れた時間を追跡したいと思います。

これどうやってするの？