Change tab programmatically

[onrige]

In previous version it was able to change current tab programmatically by Actions.refresh({ key: 'tab_1' }), but now it doesn't work. According to the docs I guess it doesn't work because of refresh action now refreshing only current scene. So may be someone know the solution?

UPD: Fine, I found the solution and it's was easy. If someone will have the same problem - just use default syntax to navigate between scenes (Actions.tab_1() for example).

[fxhereng]

What's your tabs configuration?

Because If I do your solution, it recreates a new scene and stacked it up, and what I want to do is to jump to the existing tab (like when you click manually on the tab).

Thanks,

[onrige]

@fxhereng I don't understand how does tab switch via my solution can create a new scenes stack :) Could you show me your scenes?
In my case it was something like this:

<Scene key="root">
    <Tabs key="tabs">
        <Scene key="tabs_tab1" />
        <Scene key="tabs_tab2" />
    </Tabs>
</Scene>

So if I will use Actions.tabs_tab2() somewhere - I will navigate to this tab.
Anyway if you have the problem with stacked navbar may be you will need to try wrap or hideNavBar property.

[fxhereng]

Thanks for answering!

When doing Actions.tabs_tab2() it creates a new tab scene and add it to the tab's navigation stack. So I have, after it, two scenes tabs_tab2, and I don't want that kind of behavior.

I found out that the jumpoption is doing the same, it creates a new tab instead of jumping to the existing one.

The resetoption makes app crash.

Finally the solution I found was to do an Actions.replace('tabs_tab2'), it goes to the tab2 and doesn't add up scene to the stack navigation. It refreshes the scene as well, in my case I didn't care but it can be useful too.

Cheers,

EDIT: I have the version 4.0.0-beta21, maybe the behavior could have change in between

[onrige]

Interesting. In my case it works good. Could you give an example with such problem? It's probably a bug because I don't understand how scene change functionality can do something like this. o_O

[fxhereng]

Pretty similar with yours:

version: 4.0.0-beta21

<Scene key="root">
    <Tabs key="tabs" showLabel={true} swipeEnabled={false} lazy={true} backBehavior={'initialRoute'}>
        <Scene key="tabs_tab1" />
        <Scene key="tabs_tab2" />
    </Tabs>
</Scene>

Doing Actions.tabs_tab2() or Actions.jump('tabs_tab2') adds scene to the navigation stack and duplicates scene.

Actions.replace('tabs_tab2')avoids duplicating the scenes