/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

2 votes199 views2 answers
Fullcalendar react add event duration
Javascript React
1 vote205 views1 answer
Type writer in react
Javascript React
5 votes217 views1 answer
Laravel using react
Javascript React
18 votes220 views6 answers
Uselocation react
Javascript React
0 vote226 views1 answer
React native getting older version assets
Javascript React
2 votes155 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote265 views2 answers
How to hide api key in react
Javascript React
0 vote218 views1 answer
Npm react-dom
Javascript React
0 vote262 views1 answer
React native run on specific emulator
Javascript React
0 vote215 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React