/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

7 votes280 views1 answer
Img src in react js
Javascript React
1 vote198 views1 answer
React js console log not working
Javascript React
9 votes216 views2 answers
Android center text react native
Javascript React
131 votes697 views6 answers
Creating react app
Javascript React
5 votes290 views3 answers
Get url react
Javascript React
0 vote332 views1 answer
Setstate to false after 10 sec react native
Javascript React
1 vote335 views1 answer
Update create react app package to latest
Javascript React
1 vote182 views1 answer
React why onclick property function trigger without click
Javascript React
6 votes241 views2 answers
Export default function react
Javascript React
0 vote209 views1 answer
React props change
Javascript React