/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

3 votes133 views1 answer
React router Link does work
Javascript React
0 vote124 views1 answer
Timeline material ui react native
Javascript React
5 votes141 views3 answers
How to open a new tab in react
Javascript React
15 votes147 views3 answers
Create react app and tailwind
Javascript React
0 vote143 views1 answer
React does not send the cookie automatically
Javascript React
7 votes135 views1 answer
How to place a line break in react native
Javascript React
0 vote121 views1 answer
Failed to construct image react-native
Javascript React
0 vote120 views1 answer
Outline none react native web
Javascript React
0 vote126 views1 answer
React-native-quick-scroll npm
Javascript React
0 vote162 views2 answers
How to sent react from data in mongodb
Javascript React