React native router flux go back to root scene

Question

In my current scene stack, I have 3 scenes A,B and C. Going back and forth from A to B to C works fine. But I couldn't navigate back to scene A directly from scene C. Is this possible? My current code looks like this:

<Scene key="root">
  <Scene key="aKey" component={A} />
  <Scene key="bKey" component={B} />
  <Scene key="cKey" component={C} />
</Scene>

So far, I've tried adding this code in my C component:

Actions.pop

But it only navigates back to previous scene(i.e. B component) and I am trying to navigate back directly to root scene (i.e. A component)

score 5 · Accepted Answer · edited Dec 09 '17 at 07:51

5

You are using Actions.pop() ; That means it will navigate to back screen . Use

Actions.reset('akey')

this will navigate to scene A directly.

edited Dec 09 '17 at 07:51

Singh

1,887
3
18
29

answered Dec 09 '17 at 06:50

Rahul Sonawane

76
5

I am getting error for this, and the error is "There is no route defined for key KEY, must be one of 'root','app'" – droidev Dec 04 '19 at 10:01

score 2 · Answer 2 · answered Dec 09 '17 at 06:59

2

As Rahul mentioned, one way of doing it is

Actions.reset('aKey')

The other approach that I figured out is

Actions.popTo('aKey')

answered Dec 09 '17 at 06:59

Singh

1,887
3
18
29

React native router flux go back to root scene

2 Answers2