Skip to content

Transitions between scenes in tabs scenes are slow regardless of duration #381

@AlexDM0

Description

@AlexDM0

Hi,

I've updated your Example.js like so:

<Scene key="tabbar" tabs={true} default="tab2"  duration={1} >
    <Scene key="tab1"  title="Tab #1" icon={TabIcon} navigationBarStyle={{backgroundColor:'red'}} titleStyle={{color:'white'}}  duration={1} >
        <Scene key="tab1_1" component={TabView} title="Tab #1_1" onRight={()=>alert("Right button")} rightTitle="Right"  duration={1}  />
        <Scene key="tab1_2" component={TabView} title="Tab #1_2" titleStyle={{color:'black'}} duration={1} />
    </Scene>
    <Scene key="tab2" initial={true} title="Tab #2" icon={TabIcon} duration={1}>
        <Scene key="tab2_1" component={TabView} title="Tab #2_1" onLeft={()=>alert("Left button!")} leftTitle="Left" duration={1}/>
        <Scene key="tab2_2" component={TabView} title="Tab #2_2" duration={1}/>
    </Scene>
...

So all scenes have a duration property set to 1. If you click on "Go to TabBar page" then "next screen for tab2_1" you expect no animations. I've put a debug print in the defaultRenderer and the duration of 1 is successfully propagated (the selected is always tab2 by the way?).

The animations are also much slower than the normal 250 ms compared to the scenes outside of the tabs.

Did I miss something? (I did search the issues this time, sorry about the last one.)

Regards

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions