/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

1 vote139 views1 answer
Connect metamask with react app
Javascript React
-1 vote148 views1 answer
Use inline and other styles react native
Javascript React
0 vote152 views1 answer
React native scrollview in modal
Javascript React
13 votes121 views1 answer
Reactdom' is not defined
Javascript React
0 vote140 views1 answer
Strike react native
Javascript React
0 vote135 views1 answer
Reactjs npm take photo
Javascript React
9 votes132 views2 answers
How to redirect react router from the app components
Javascript React
-1 vote137 views2 answers
What is a react hook
Javascript React
0 vote128 views1 answer
Header logo react native doesn't show
Javascript React
2 votes144 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React