reactjs - How to pass parameters to another screen without navigating to it

Question

Right now to pass parameters to another screen I'm using the following:

this.props.navigation.navigate('MyWatchList', {watchLists: response});

This automatically navigates to the other screen. I'm trying to pass parameters to another screen without navigating away from the screen I'm on but I'm having trouble figuring out how to do it. I have been trying to use setParams but I have been having no success. Any help or a point in the right direction would be appreciated.

question from:https://stackoverflow.com/questions/65876264/how-to-pass-parameters-to-another-screen-without-navigating-to-it

Answer 1

You can consider to use the asyncStorage in order to share data between your screens.

e.g

AsyncStorage.setItem('MyWatchList',JSON.stringify({watchLists: response}));

and retrieve by using

AsyncStorage.getItem('MyWatchList').then(item => {
      const list = JSON.parse(item);
      ...
});