/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

1 vote348 views1 answer
React redux actions must be plain objects
Javascript React
0 vote339 views4 answers
Reactnative sliding image
Javascript React
1 vote366 views2 answers
Push state array react
Javascript React
1 vote374 views2 answers
Open websute react native
Javascript React
0 vote331 views1 answer
Flutter or react native
Javascript React
0 vote363 views1 answer
React native typescript nodejs timeout
Javascript React
1 vote343 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote365 views1 answer
Activez la compression de texte react js
Javascript React
1 vote319 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote357 views1 answer
How to reset count in react
Javascript React