/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

0 vote222 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote225 views1 answer
React component visibility
Javascript React
1 vote238 views1 answer
How to install react fullpage using npm
Javascript React
0 vote218 views1 answer
React native button top right
Javascript React
0 vote234 views1 answer
Webpack react proxy not working
Javascript React
0 vote219 views1 answer
Use jsx extension react-native
Javascript React
0 vote236 views1 answer
How disabled react-select
Javascript React
0 vote227 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
7 votes202 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote240 views3 answers
Paypal react native
Javascript React