/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 vote163 views1 answer
React hero slider
Javascript React
0 vote196 views1 answer
I18n react get current language
Javascript React
7 votes166 views4 answers
Import image in react js
Javascript React
1 vote181 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote209 views1 answer
How to set max length of input in react js
Javascript React
11 votes173 views2 answers
How to refresh the page using react
Javascript React
7 votes184 views4 answers
React router link
Javascript React
10 votes169 views1 answer
Dimensions react native
Javascript React
0 vote163 views1 answer
React toastify does not have design
Javascript React
-1 vote183 views1 answer
Component navigation without changin the url react router
Javascript React