/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 vote194 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote167 views1 answer
Handle an input with React hooks
Javascript React
0 vote188 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
0 vote193 views2 answers
React native bottom sheet example
Javascript React
0 vote188 views1 answer
Javascript Binding Example With React
Javascript React
1 vote183 views1 answer
How to run an existing react project
Javascript React
0 vote231 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
13 votes144 views1 answer
Round button corner right react native
Javascript React
0 vote179 views1 answer
ExoPlayer with auto linking react native
Javascript React
0 vote251 views1 answer
React avoid spreading non-dom props across component
Javascript React