/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

5 votes384 views1 answer
React native import svg image
Javascript React
11 votes389 views3 answers
Redirect onclick react
Javascript React
0 vote383 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote376 views1 answer
Fetchutils in react admin
Javascript React
0 vote321 views1 answer
React-particles-js not working
Javascript React
0 vote403 views1 answer
Sweper slider react
Javascript React
0 vote392 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote416 views1 answer
React native get source maps
Javascript React
6 votes381 views1 answer
React native docs
Javascript React
0 vote420 views1 answer
React nativ export default
Javascript React