/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 vote200 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
1 vote193 views1 answer
Google font in react native
Javascript React
0 vote194 views1 answer
Scroll load react
Javascript React
0 vote183 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote182 views1 answer
Rich text react renderer
Javascript React
0 vote233 views1 answer
How to send data to another page in react from button
Javascript React
0 vote182 views1 answer
How to reload webview in react native
Javascript React
3 votes178 views1 answer
How to go to another page onclick in react
Javascript React
0 vote180 views1 answer
Yarn react select
Javascript React
0 vote172 views1 answer
A react component can only return]
Javascript React