How to call Actions.pop() and refresh the previous scene? React Native, Redux, React-Native-Router-Flux

user_9251661 0
Viewed 7160

I want to redirect the user to the previous screen after they create a record but also refresh the previous listing screen to reflect the new record

This is the function in my actions file

fetch(CREATE_POST, request).then(response => {
        dispatch({ type: action });
        Actions.pop();
        setTimeout(() => { Actions.refresh({}) }, 10);
    }).catch(error => {
        console.log(error);
    });

However, when Actions.pop() is called, it takes me to the previous screen but does not refresh it.

I tried with Actions.pop({ type: reset }) but no luck

Any help would be really appreciated!

react-native-router-flux react-redux react-native
5 Answers

Have you tried Actions.pop({ refresh: {} }) or if you want to be more specific about which props should be refreshed you can actually specify Actions.pop({ refresh: { user: res.user } })

user_23879710

best approach is to wrap your scenes into an stack and use reset instead. this stack can be nested stack its not a problem, reset will work on last stack and has no effect on parent stack.

<Stack key="root">

... scenes

   <Stack key="group1">
      <Scene key="list" initial>
      <Scene key="add_update">//after submit: Actions.reset("list");
   </Stack>

</Stack>

good luck.

user_117749590
user_98507070

simply with your function add this code at the end when you fetch data or do anything and you want to return back to screen, so onPress event you can place it:

Actions.refresh({key:Math.random()})

 onPress={()=>{
    do something....
    Actions.refresh({key:Math.random()})
    }}

that's all.

To the reference of your code:

fetch(CREATE_POST, request).then(response => {
        dispatch({ type: action });
        Actions.pop();
        setTimeout(() => { Actions.refresh({key:Math.random()}) },10);
    }).catch(error => {
        console.log(error);
    });
user_73123350

You can use the onEnter method. It will be called whenever you land on a particular page. So it can be refresh or reset.

option1:

 static onEnter() {
    Actions.pageName({ type: ActionConst.RESET });
  }

option2:

 static onEnter() {
       Actions.pagename({ type: ActionConst.REFRESH, key: Math.random() });
   }
user_136800700
Related