react-native-router-flux - 重置选项卡中的导航堆栈

时间:2016-07-29 13:32:17

标签: react-native

我们想要什么

我们在我们的应用程序中使用react-native-router-flux并在我们需要为一个选项卡重置导航堆栈(至少)的情况下找到自己。这是我们的场景结构:

tabs
  listTab
    listView
    recordingView
  creationTab
    recordView
    descriptionView
    publishView

具体而言,我们的应用程序允许用户创建和查看录制内容。其中包含两个子场景(录制列表并查看单个录制内容)和一个用于创建(listTab)录制的标签,其中包含多个步骤(creationTab,{recordView {1}},descriptionView)。在最后一步之后,录制内容为publishView,我们会在publish中重定向到viewRecording场景以进行录制。 再次按下listTab时,我们想再次回到创建过程的第一个场景,但我们当然会再次登陆最后一步(creationTab)。

我们尝试了什么

在阅读了与此相关的文档和问题之后,我们认为选项publishView可能对我们有所帮助。但是,如果我们尝试将reset添加到type='reset'的道具中,则在按下该标签时,所有其他标签图标都会消失(如this issue中所述)。

相反,我们尝试将推送的creationTabtype设置为publishViewrecordingView,但这也不起作用(尽管行动正确)系统会调度并在新场景中移除reset按钮,再次点击back图标时,我们仍会返回旧的recordingTab

我们还要使用publishView es来卸载组件,但它似乎并不像是要用它们......

版本

  • Switch:0.30.0
  • react-native:3.32.0

我们在这类和类似的问题上度过了几天之后,我们现在变得有点绝望,我不知道应该如何继续。有没有人遇到类似问题或找到解决方案?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。作为临时解决方法,我不使用reset选项,而是通过pop操作立即执行重定向。

就我而言,我的观点只有一层深,所以这不是太脏。我会寻找一个更清洁的解决方案,但我希望它可以在此期间提供帮助。

react-native:0.35.0-rc

react-native-router-flux:3.35.0