Skip to content

Performance question that use tabs. #1671

@lucaslz2020

Description

@lucaslz2020

Version

  • react-native-router-flux v3.38.0
  • react-native v0.42.0

Expected behaviour

I hope that when the scene jumps faster for Android.

Actual behaviour

When using tabs, the jump is very slow for Android.

Steps to reproduce

<Router>
            <Scene key="root">
                {/* Tab Container */}
                <Scene
                    key="tabbar"
                    tabs={true}
                    tabBarStyle={{ backgroundColor: '#FFFFFF' }}
                >
                    {/* Tab and it's scenes */}
                    <Scene key="osu" title="OSU" icon={TabIcon}>
                        <Scene
                            key="scarlet"
                            component={ScarletScreen}
                            title="Scarlet"
                        />
                        <Scene
                            key="gray"
                            component={GrayScreen}
                            title="Gray"
                        />
                    </Scene>

                    {/* Tab and it's scenes */}
                    <Scene key="um" title="UM" icon={TabIcon}>
                        <Scene
                            key="blue"
                            component={BlueScreen}
                            title="Blue"
                        />
                        <Scene
                            key="maize"
                            component={MaizeScreen}
                            title="Maize"
                        />
                    </Scene>

                    {/* Tab and it's scenes */}
                    <Scene key="vu" title="VU" icon={TabIcon}>
                        <Scene
                            key="gold"
                            component={GoldScreen}
                            title="Gold"
                        />
                        <Scene
                            key="black"
                            component={BlackScreen}
                            title="Black"
                        />
                    </Scene>
                </Scene>

                <Scene
                    key="modal"
                    direction="vertical"
                    component={ModalScreen}
                    title="Modal"
                    hideNavBar
                />
            </Scene>
        </Router>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions