/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 vote147 views1 answer
Using redux on react extension
Javascript React
0 vote152 views1 answer
Ipa failed react native after processing
Javascript React
14 votes106 views1 answer
Change checkbox value react
Javascript React
0 vote150 views1 answer
React deployment pipeline
Javascript React
0 vote174 views1 answer
Url in listitem react
Javascript React
0 vote113 views1 answer
React native rebuild
Javascript React
1 vote144 views2 answers
This setstate previous state react
Javascript React
0 vote153 views1 answer
Concatenate state with previous state in react redux
Javascript React
1 vote201 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote139 views1 answer
How to check if we reach end of div react hooks
Javascript React