/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 vote213 views1 answer
Stop from from refresching page react
Javascript React
0 vote234 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
0 vote245 views1 answer
React throttle render
Javascript React
1 vote226 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote203 views1 answer
Reference hook in react
Javascript React
1 vote213 views1 answer
React native modal not full screen
Javascript React
0 vote222 views1 answer
React native making bigger hitbox
Javascript React
1 vote225 views1 answer
React native basic template
Javascript React
63 votes195 views6 answers
React router install
Javascript React
2 votes231 views1 answer
All react navigation packages
Javascript React