/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 vote137 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
15 votes119 views2 answers
React native location
Javascript React
0 vote129 views1 answer
Type svg react
Javascript React
4 votes167 views1 answer
How to add oAuth google signin in react native app
Javascript React
0 vote147 views1 answer
Javascript react reverse map
Javascript React
0 vote157 views1 answer
Curved lines on google maps usint react
Javascript React
3 votes126 views2 answers
React api call
Javascript React
0 vote140 views1 answer
React set multible attribute values
Javascript React
26 votes174 views6 answers
React redirect to url
Javascript React
0 vote135 views3 answers
Place footer at the bottom of the page react
Javascript React