/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 vote320 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote269 views1 answer
React get current date minus 7 days
Javascript React
7 votes243 views1 answer
React native hide scroll indicator
Javascript React
3 votes237 views2 answers
React-native android build apk
Javascript React
17 votes268 views3 answers
React canvas clear
Javascript React
0 vote263 views1 answer
React native elements bottom sheet close on back button press
Javascript React
9 votes256 views2 answers
React native hide yellow box
Javascript React
1 vote252 views1 answer
Difference between dom and react dom
Javascript React
0 vote284 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote258 views1 answer
Form.select react bootstrap
Javascript React