/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 vote336 views0 answer
React
Javascript React
13 votes413 views3 answers
React native conditional rendering
Javascript React
0 vote393 views1 answer
Install aos in react
Javascript React
0 vote399 views1 answer
Image background full width react
Javascript React
21 votes341 views4 answers
Setinterval react
Javascript React
0 vote373 views1 answer
Usb react native device not found
Javascript React
1 vote390 views2 answers
History react router
Javascript React
8 votes404 views2 answers
React fragment
Javascript React
1 vote392 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote398 views1 answer
How to add oncklick button react
Javascript React