/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

3 votes308 views3 answers
Center horizontally react native
Javascript React
0 vote177 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
1 vote186 views1 answer
React native rename package name
Javascript React
4 votes171 views1 answer
Import all images from folder reactjs
Javascript React
0 vote192 views1 answer
Get height webview from url video react native
Javascript React
0 vote180 views1 answer
Spring reactive web client throw exception test
Javascript React
-1 vote176 views6 answers
Set image as background react
Javascript React
0 vote194 views1 answer
React hooks port requst
Javascript React
13 votes173 views1 answer
Round button corner right react native
Javascript React
3 votes178 views1 answer
React router dynamic routes
Javascript React