/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

13 votes104 views10 answers
React navigation
Javascript React
0 vote105 views1 answer
React native Setting a timer for a long period of time
Javascript React
8 votes105 views2 answers
React native italic text
Javascript React
0 vote97 views1 answer
React tooltip doesn't work
Javascript React
23 votes149 views2 answers
Reactjs app change port
Javascript React
1 vote93 views2 answers
Edit todo list react-redux
Javascript React
0 vote102 views1 answer
Simbu react1
Javascript React
0 vote99 views1 answer
How to link t settings react native ios
Javascript React
11 votes106 views3 answers
Shadow border react native
Javascript React
1 vote100 views1 answer
Commit in react
Javascript React