时间戳

首页 > 解决方案 > 使用 React Native Router Flux 在所有场景中维护选项卡

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

问题描述

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

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

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

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

标签： react-nativereact-native-router-flux

解决方案

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

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

编辑

如果你PictureDetailScene从PictureListScene为什么不把你的PictureDetailScene和PictureListScene放在场景堆栈中，如下所示：

（请注意，如果Scene要在其中嵌套场景，则父级不应分配给它的组件（component未设置道具）

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

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

推荐阅读