/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 vote211 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
17 votes209 views6 answers
React native build android
Javascript React
1 vote214 views1 answer
Minimum flatlist size react native
Javascript React
0 vote265 views1 answer
Location maps react native
Javascript React
15 votes236 views3 answers
React native expo navigation
Javascript React
1 vote222 views1 answer
How to redirect in ionic react
Javascript React
0 vote221 views1 answer
Make input fixed position reactjs
Javascript React
123 votes663 views3 answers
Set interval react
Javascript React
5 votes212 views3 answers
Linear gradient css react js
Javascript React
0 vote206 views2 answers
Hot reload problem react 17
Javascript React