/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 vote144 views2 answers
How to not use relative imports in react js
Javascript React
0 vote162 views1 answer
Owl carousel for react
Javascript React
0 vote139 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote156 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote142 views1 answer
Stateprovider.js react
Javascript React
0 vote139 views1 answer
React native float upto 2 digits
Javascript React
0 vote127 views1 answer
Moment all formats in reactjs
Javascript React
3 votes130 views2 answers
React-native android build apk
Javascript React
0 vote145 views1 answer
Ionic react exit app
Javascript React
1 vote141 views1 answer
How to set state when change viewport react
Javascript React