/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

6 votes202 views1 answer
Import useHistory react-router-dom version 6
Javascript React
7 votes194 views5 answers
Resize image react native
Javascript React
11 votes197 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
1 vote227 views5 answers
React state
Javascript React
0 vote207 views1 answer
Stop playing music when page is closed react
Javascript React
0 vote247 views1 answer
How to get key from a button in react
Javascript React
0 vote192 views1 answer
React-metismenu-router-link
Javascript React
3 votes189 views2 answers
React native animated sticker
Javascript React
3 votes204 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
0 vote201 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React