/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

2 votes113 views1 answer
Can't import react bootstrap
Javascript React
0 vote123 views1 answer
React native custom debounce input
Javascript React
0 vote128 views2 answers
Quokka create-react-app sample
Javascript React
0 vote117 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
0 vote120 views2 answers
Loader in react
Javascript React
0 vote128 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
6 votes117 views1 answer
React native docs
Javascript React
1 vote124 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
3 votes119 views2 answers
Error duplicate resources react native
Javascript React
0 vote130 views1 answer
React input number validation
Javascript React