0

我想知道以下是否可能......

我有一个实例，react-native-tab-view 在这下面有 3 个场景，但我只想在标签栏本身上显示其中 2 个作为可选场景。第三个场景实际上是存在的，但在发生事件时会被隐藏，直到自动显示（几秒钟）。

所以，我想要 UI 如下：

  • 标签栏：Scene A|Scene B
  • 选项卡视图：Scene A| Scene B|Scene C

这可能吗？

4

2 回答 2

0

我的解决方案是改变renderTabBar我的实现方法，只显示带有标题的选项卡。此外，如果我想暂时显示“隐藏”选项卡，这也可以工作，因为我可以在需要显示时动态更新它的标题。

renderTabBar(props: *) {
    const { index, routes } = props.navigationState;
    const currRoute = routes[index];
    const navigationState = {
      index: currRoute.title==='' ? routes.length : index,
      routes: routes.filter(route => route.title!=='')
    };
    const jumpToIndex = i => props.jumpToIndex(routes.indexOf(navigationState.routes[i]));

    return (
      <TabBar
        ...
        navigationState={navigationState} 
        jumpToIndex={jumpToIndex}
      />
    );
  }
于 2020-07-06T13:10:31.317 回答
0

您可以覆盖 renderTabBar 方法并创建自己的

于 2020-07-06T12:24:22.110 回答