Question

我们正在使用React Native Router来管理导航。我们的路由器的渲染功能如下所示：

<Scene key="tabbar" tabs={true} hideNavBar={true} tabBarStyle={{position: 'absolute', top: 0, left: 0}}>
    <Scene key={TAB_1} component={Tab1Container} icon={TabIcon} title={TAB_1_TITLE} hideNavBar={true} />
    <Scene key={TAB_2}  component={Tab2Container} icon={TabIcon} title={TAB_2_TITLE} hideNavBar={true} />
    <Scene key={TAB_3}  component={Tab3Container} icon={TabIcon} title={TAB_3_TITLE}  hideNavBar={true} />
    <Scene key={TAB_4} component={Tab4Container} icon={TabIcon} title={TAB_4_TITLE}  hideNavBar={true} />
    <Scene key={TAB_5} component={Tab5Container} icon={TabIcon} title={TAB_5_TITLE}  hideNavBar={true} />
</Scene>

在我们的应用中，不允许立即从TAB_1跳转到TAB_5。您必须通过TAB_2到TAB_5。目前我可以从头开始跳到最后

现在我找不到任何可能会在Action被触发之前触发的功能。

伪代码：

if(current_pressed_tab <= progress_tab){
  //head on to next tab
}
else{
  //make nothing
}

是否有任何功能或回调支持我可以使用的内容？

Answer 1

您需要跟踪您在Redux（我推测）中导航的路线，并创建自定义Redux动作创建器，以在触发导航之前运行您的检查伪代码。

React Native Router（react-native-router-flux） - 更多控制操作触发

1 个答案: