/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 vote321 views1 answer
React native getstream
Javascript React
0 vote329 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote383 views1 answer
Search nested array in react javascript
Javascript React
0 vote355 views1 answer
Lite youtube embed react
Javascript React
7 votes362 views3 answers
React route props
Javascript React
1 vote339 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote369 views1 answer
Testing a function in jest on click react
Javascript React
0 vote319 views2 answers
React router how to send data
Javascript React
0 vote359 views1 answer
Make custom draggable in react
Javascript React
0 vote348 views1 answer
Asp.net core react server session
Javascript React