javascript - React native router flux go back to root scene - Stack Overflow

admin管理员组

文章数量:1324645

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

Share Improve this question Follow asked Dec 9, 2017 at 6:34 SinghSingh 1,98833 gold badges2222 silver badges3131 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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.

As Rahul mentioned, one way of doing it is

Actions.reset('aKey')

The other approach that I figured out is

Actions.popTo('aKey')

本文标签： javascriptReact native router flux go back to root sceneStack Overflow