/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

18 votes143 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote127 views1 answer
React navbar material ui
Javascript React
0 vote127 views1 answer
React router v6 lazy suspense
Javascript React
0 vote144 views1 answer
Import batch from 'react-redux'
Javascript React
1 vote123 views1 answer
React check if string is mail
Javascript React
1 vote125 views1 answer
REACt helmet og tags DONT WORK
Javascript React
1 vote154 views1 answer
React native metro api level 30
Javascript React
0 vote138 views1 answer
React native text area align top
Javascript React
0 vote132 views1 answer
Search nested array in react javascript
Javascript React
7 votes129 views3 answers
Conditional style react
Javascript React