/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 vote206 views2 answers
React arrow function component
Javascript React
110 votes199 views2 answers
Create react js app
Javascript React
-1 vote198 views2 answers
3 dots React
Javascript React
0 vote207 views2 answers
React how to change localhost url
Javascript React
12 votes201 views3 answers
Get value of input react
Javascript React
3 votes205 views2 answers
Export default class react
Javascript React
0 vote208 views1 answer
React native regenerate android and ios folders
Javascript React
0 vote194 views1 answer
Angular reactive form remove validation
Javascript React
3 votes201 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
48 votes220 views6 answers
Comment in react
Javascript React