/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 vote136 views2 answers
React materialize cdn
Javascript React
0 vote168 views1 answer
Declaring variable react hooks
Javascript React
4 votes158 views1 answer
External site links in react Link
Javascript React
0 vote152 views1 answer
How to go specific content in react single page by id
Javascript React
0 vote145 views2 answers
React native countdown
Javascript React
1 vote154 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote143 views2 answers
Login with facebook expo react native
Javascript React
4 votes135 views2 answers
React countdown timer
Javascript React
0 vote138 views1 answer
Export all functions from js file react
Javascript React
0 vote170 views2 answers
How to run react builed version
Javascript React