/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 vote300 views1 answer
React route send informaion in url
Javascript React
0 vote335 views1 answer
Getting state in react-router-dom v6
Javascript React
0 vote350 views1 answer
React native check os
Javascript React
0 vote310 views1 answer
React native scrollview scrollto()
Javascript React
4 votes349 views1 answer
React how to remove commas from a string
Javascript React
0 vote345 views1 answer
Custom login with facebook button react native
Javascript React
85 votes350 views6 answers
Redirect react js
Javascript React
0 vote309 views1 answer
React inlinle style set background image
Javascript React
1 vote339 views2 answers
Shadow on view in react natice
Javascript React
0 vote301 views1 answer
How to use mdbreact in react js
Javascript React