/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 vote175 views1 answer
React native open simulators list
Javascript React
0 vote224 views1 answer
How to align text vertically center beside an image in react native
Javascript React
-1 vote188 views2 answers
E.target.text react
Javascript React
0 vote254 views1 answer
Usb react native device not found
Javascript React
14 votes256 views4 answers
React how to update state array
Javascript React
1 vote181 views1 answer
React router base url
Javascript React
0 vote138 views1 answer
React native bootstrap
Javascript React
0 vote258 views2 answers
Toastify react not working
Javascript React
0 vote172 views1 answer
HandleClickoutside custom hook react
Javascript React
9 votes192 views1 answer
Create react app in current folder
Javascript React