/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 vote411 views1 answer
How to add react icons using yarn
Javascript React
18 votes416 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
-1 vote394 views1 answer
Install proptypes react
Javascript React
48 votes343 views1 answer
Emmet not working react js
Javascript React
15 votes364 views8 answers
React bootstrap
Javascript React
0 vote378 views1 answer
React redux stack overflow
Javascript React
0 vote411 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
0 vote342 views1 answer
React router history not defined
Javascript React
0 vote395 views1 answer
React load after scrolling
Javascript React
0 vote450 views1 answer
Toggle function react js
Javascript React