前端之家

  1. 首页
  2. 问答

使用React Native Router Flux在所有场景中维护标签页 编辑

• 问答

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

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

这可能吗？还是我需要创建自己的标签栏并将其保留在RNRF之外？

<RootScene>
  <Tabs>
     <HomeScene>
     <PictureListScene>
  </Tabs>
  <PictureDetailScene>
</RootScene>
huayuan1005 回答：使用React 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项目，并与您分享案例的工作代码

react-nativereact-native-router-flux
本文链接：https://www.f2er.com/3163236.html

大家都在问