/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 vote105 views1 answer
Reactjs import electron
Javascript React
0 vote105 views1 answer
Google-maps-react give undefined lat long
Javascript React
2 votes160 views1 answer
Get current screen name react navigation
Javascript React
1 vote110 views1 answer
React footer
Javascript React
0 vote109 views1 answer
React input value set state on change
Javascript React
0 vote141 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote116 views1 answer
Making font weight bold by passing value in React.js
Javascript React
2 votes104 views5 answers
React native debugger
Javascript React
0 vote109 views1 answer
How to get property names from object using map method react
Javascript React
86 votes109 views3 answers
React check if window exists
Javascript React