Dynamic Tab Components? Seems to only load first tab component.. Example does it all with same Component

[jingoldby]

Version

Tell us which versions you are using:

• react-native-router-flux v4.0.0-beta.28
• react-native v0.52.2

Expected behaviour

Should load GroupLeaderboard component listed under Scene key="group_leaderboard" when click tab for group_leaderboard with Actions.group_leaderboard(ActionConst.REFRESH);

Actual behaviour

GroupPage component is triggered again when navigate to group_leaderboard through Actions.group_leaderboard(ActionConst.REFRESH);

                            <Tabs
                                key="group"
                                title="Group"
                                overlay
                                icon={TabIcon}
                                showLabel={false}
                                tabBarPosition="top"
                                tabBarStyle={styles.groupTabBarStyle}
                                tabBarComponent={GroupTabs}
                                tabPage='group'
                            >
                                <Scene
                                    key="group_home"
                                    title="Activity"
                                    component={GroupPage}
                                    renderLeftButton={this.renderDrawerImage}
                                    icon={GroupIcon}
                                    renderTitle={this.renderTitle}
                                    hideNavBar
                                />
                                <Scene
                                    key="group_leaderboard"
                                    title="Leaderboard"
                                    component={GroupLeaderboard}
                                    renderLeftButton={this.renderDrawerImage}
                                    icon={GroupIcon}
                                    renderTitle={this.renderTitle}
                                    hideNavBar
                                />
                                <Scene
                                    key="group_chat"
                                    title="Chat"
                                    component={GroupPage}
                                    renderLeftButton={this.renderDrawerImage}
                                    icon={GroupChat}
                                    renderTitle={this.renderTitle}
                                    hideNavBar
                                />
                            </Tabs>

[asciifaceman]

Refresh isn't quite what you think it is. It wont rerender the view unless you are passing in fresh props to change the state of what is rendered. Or if you use onEnter and a time delta to poll the backend to rerender.