/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

1 vote157 views1 answer
React native create view dynamically
Javascript React
1 vote160 views1 answer
Set Custom User Agent react
Javascript React
0 vote167 views1 answer
Background image in react from variable
Javascript React
0 vote155 views1 answer
Make forn awesome icon clickable in react
Javascript React
0 vote136 views1 answer
React google login button size increase
Javascript React
4 votes168 views1 answer
Multiple click events in react
Javascript React
4 votes160 views6 answers
React-native shadow generator
Javascript React
0 vote164 views1 answer
React native use route undefined
Javascript React
65 votes142 views6 answers
Route react
Javascript React
0 vote142 views1 answer
Loading react circular progress
Javascript React