/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 vote253 views1 answer
Table reactstrap
Javascript React
0 vote295 views1 answer
How to add carsoul to react project
Javascript React
136 votes396 views6 answers
Create a react app
Javascript React
2 votes325 views1 answer
React import multiple images
Javascript React
1 vote293 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
0 vote299 views1 answer
React native whatsapp integration
Javascript React
2 votes275 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote308 views1 answer
How to make image slider in react js
Javascript React
16 votes291 views1 answer
DangerouslySetInnerHTML did not match error in React
Javascript React
0 vote290 views1 answer
Render a react component only after API response is received
Javascript React