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" ponent={A} />
  <Scene key="bKey" ponent={B} />
  <Scene key="cKey" ponent={C} />
</Scene>

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

Actions.pop

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

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" ponent={A} />
  <Scene key="bKey" ponent={B} />
  <Scene key="cKey" ponent={C} />
</Scene>

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

Actions.pop

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

• javascript
• react-native
• react-native-router-flux

2 Answers 2

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

Actions.reset('akey')

this will navigate to scene A directly.

As Rahul mentioned, one way of doing it is

Actions.reset('aKey')

The other approach that I figured out is

Actions.popTo('aKey')