/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 vote373 views1 answer
React native making bigger hitbox
Javascript React
0 vote350 views1 answer
Link externo para usar em React
Javascript React
1 vote350 views1 answer
Node sass version react
Javascript React
0 vote333 views1 answer
Export all functions from js file react
Javascript React
5 votes365 views1 answer
Laravel react
Javascript React
0 vote390 views1 answer
React google map doesn't update marker
Javascript React
0 vote355 views1 answer
Popup react now ui
Javascript React
9 votes357 views6 answers
How to check react version
Javascript React
0 vote343 views1 answer
React native passing params to nested navigators
Javascript React
8 votes368 views1 answer
React.Fragmen
Javascript React