React-native-router-flux: Reset stack on enter Scene?

[luco]

Is it possible to reset the stack when entering on a scene?
I mean, I want to push from a scene to tabbar, but when reach the tabbar, reset the stack.

Is that possible?

I already tried Actions.homeMain({type: ActionConst.RESET})

Didn't work.

[alexwasner]

One way to do it on a route is to just put type='reset' in the Scene, but that doesnt allow you to call a reset when you navigate. I too would like to know the new standard for doing this

[luco]

@alexwasner Tried that. Didn't work.

[aksonov]

Looks like {type: ActionConst.RESET} calls 'replace' now. I've just fixed it for latest master

[aksonov]

@luco Have you tried type='replace' for tab bar?

[luco]

@aksonov Still not working. Tried both type='replace' and {type: ActionConst.RESET}.
Should I remove the plugin and add again?

[rajsuvariya]

@luco In my case Actions.reset("homeMain") is working. Try that.

[aksonov]

@luco Could you reproduce it with latest Example? I used Actions.tabbar({type:'replace'}) with 4.0.0-beta.14 and tabbar replaces launch screen normally.

[luco]

@aksonov It gives me this error:

My structure is like this:

<Scene key="root" hideNavBar initial>

                  <Scene key="welcome">
                      <Scene key="welcome1" title="" hideNavBar component={Welcome}/>
                  </Scene>

                  <Scene key="tabbar" 
                  tabBarPosition={'bottom'}
                  tabs 
                  showLabel={false} 
                  {...sceneConfig} 
                  tabBarComponent={this.tabBarElement.bind(this)}
                 >

                        <Scene key="home" type="reset" {...sceneConfig}>
                          <Scene key="homeMain" component={Home}/>
...

[aksonov]

Remove type='reset' from scenes. Use it as parameter. Again, please reproduce it with current Example project.

[rajsuvariya]

@aksonov is this incorrect Actions.reset("homeMain") ? I am able to reset the back stack using it.

[luco]

@rajsuvariya When I try this method, it only allows me to pick scenes outside my root.

[luco]

@aksonov Ok, you want to reproduce with example project, but this doesnt solve my problem. I want to understand what im doing wrong.

[luco]

@aksonov Figured it out. It was the way my Scenes where nested. Had to do this way:

                    <Scene key="start">
                         <Scene key="welcome">
                             <Scene key="welcome1" title="" hideNavBar component={Welcome}/>
                         </Scene>
                      </Scene>

                    <Scene key="root" hideNavBar>

                        <Scene key="tabbar" ...

Last question:
Is there a way to transition and then reset the stack?

[aksonov]

Try type='replace'

[luco]

I'm getting a warning of maximum call stack when I perform a Actions.root({type: ActionConst.RESET});, but nothing with Actions.root().

Do you have idea why?

[luco]

Nervemind. Typo.
Thanks!

[kumarpatel]

@luco Given your routing structure:

      <Router>
        <Scene key="root" hideNavBar>

          <Scene key="welcome">
            <Scene key="welcome1" title="" hideNavBar component={Welcome} />
          </Scene>

          <Scene key="tabbar" tabBarPosition={'bottom'} tabs >

            <Scene key="home" type="reset" {...sceneConfig}>
              <Scene key="homeMain" component={Home}/>
            </Scene>

          </Scene>
        </Scene>

      </Router>

How did you reset the stack when navigating from

1. welcome1 -> homeMain (presumably when logging in, ¯_(ツ)_/¯)
2. homeMain -> welcome1 (presumably when logging out, ¯_(ツ)_/¯)

[anasmp4]

Actions.usersList({ type:'replace' })

[kalraneeraj24550]

thanks @aksonov sir, your solution worked for me.

[robleds]

@luco In my case Actions.reset("homeMain") is working. Try that.

Tks @rajsuvariya works for me !