使用 React Native Router Flux 在所有场景中维护选项卡

Question

有谁知道是否可以在 React Native Router Flux 中维护所有场景的选项卡（标签栏）？

我想要实现的示例是，在下面的示例中，我想在所有场景中显示选项卡 "Home" 和 "PictureList"，在示例中还有 "PictureDetail" 场景。但我不希望 PictureDetailScene 作为选项卡包含在实际的选项卡栏中。基本上想维护一个标签栏作为跨所有其他场景的全局导航。

这可能吗？或者我需要创建自己的标签栏并在 RNRF 之外维护它吗？

<RootScene>
  <Tabs>
     <HomeScene>
     <PictureListScene>
  </Tabs>
  <PictureDetailScene>
</RootScene>

Answer 1

尝试将 clone 道具添加到您的 PictureDetailScene。这就是为什么它将使用调用它的场景作为模板。因此，如果它是从 tabScene 调用的，它将使用选项卡场景作为模板并显示选项卡栏。

<RootScene>
  <Tabs>
     <HomeScene>
     <PictureListScene>
  </Tabs>
  <PictureDetailScene clone>
</RootScene>

编辑

如果您从 PictureListScene 推送 PictureDetailScene 为什么不将 PictureDetailScene 和 PictureListScene 放入场景堆栈中，如下所示：

（请注意，对于 Scene 中嵌套的场景，父级不应分配给它的组件（属性 component 未设置）

<RootScene>
  <Tabs>
    <HomeScene>
    <Scene key="YOUR_PICTURE_LIST_KEY">
      <PictureListScene>
      <PictureDetailScene clone>
    </Scene>
  </Tabs>
</RootScene>

让我知道这是否适合您。如果没有，我将启动一个快速的 RNRF 项目并与你分享你的案例的工作代码

使用 React Native Router Flux 在所有场景中维护选项卡

Maintaining tabs across all scenes using React Native Router Flux

react-native

react-native-router-flux

编辑