/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 vote377 views1 answer
Get input value in react using hooks
Javascript React
0 vote349 views2 answers
React show view based on role permission
Javascript React
1 vote372 views1 answer
Change react native app name
Javascript React
1 vote342 views1 answer
REACt helmet og tags DONT WORK
Javascript React
0 vote360 views1 answer
Unrecognized font family 'feather' react native
Javascript React
0 vote395 views1 answer
Eslint init settings for ReactJS
Javascript React
1 vote352 views1 answer
Change color react icon
Javascript React
-1 vote353 views1 answer
Timestamp to unix time react
Javascript React
4 votes373 views2 answers
React input number
Javascript React
2 votes355 views1 answer
Get current screen name react navigation
Javascript React