/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 vote232 views1 answer
Radio button in reactive forms angular material
Javascript React
0 vote247 views1 answer
How to use two text fields in one single row react js
Javascript React
127 votes668 views3 answers
Make react app
Javascript React
2 votes213 views1 answer
How to get current URL with Javascript or React
Javascript React
8 votes220 views3 answers
Shadown reAct native
Javascript React
0 vote227 views2 answers
React js big calendar
Javascript React
0 vote258 views1 answer
Ionic react use yarn
Javascript React
1 vote213 views1 answer
Webpack-bundle-analyzer react
Javascript React
0 vote218 views1 answer
Radio button in react native expo
Javascript React
0 vote219 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React