/Javascript/React/React native load function each time visit screen

React native load function each time visit screen

You have to add focus listener so when you go back, It will refresh the data 
like

import * as React from 'react';
import { View } from 'react-native';

function AppScreen({ navigation }) {
  React.useEffect(() => {
    const unsubscribe = navigation.addListener('focus', () => {
      // The screen is focused
      // Call any action and update data
    });

    // Return the function to unsubscribe from the event so it gets removed on unmount
    return unsubscribe;
  }, [navigation]);

  return <View />;
}
source : https://reactnavigation.org/docs/function-after-focusing-screen/

Similar codes

0 vote135 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
0 vote170 views1 answer
Download images from http link in react
Javascript React
1 vote132 views1 answer
How to define state in react function
Javascript React
0 vote126 views1 answer
Back button not working when modal open in react native
Javascript React
0 vote159 views1 answer
Install react hotjar
Javascript React
0 vote129 views1 answer
React-native-dropdown-picker for form react native
Javascript React
3 votes130 views1 answer
React bootstrap card
Javascript React
0 vote140 views1 answer
Add pdf in react app
Javascript React
0 vote126 views1 answer
Preventive vs reactive
Javascript React
0 vote144 views4 answers
React router v6
Javascript React