/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 vote241 views2 answers
React hook toggle state
Javascript React
6 votes231 views2 answers
React native indicator
Javascript React
0 vote227 views1 answer
React should write method in a functional component or outside functional component
Javascript React
5 votes244 views1 answer
React native break line text if too big
Javascript React
1 vote229 views1 answer
Tailwind css react craco package.json
Javascript React
0 vote259 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote221 views1 answer
React focus textarea
Javascript React
0 vote240 views4 answers
Router react how to pass data to class component
Javascript React
0 vote222 views1 answer
React simple typewriter
Javascript React
2 votes241 views1 answer
Emmet react self closing tags
Javascript React