react-native - 如何使用本机基础禁用其他选项卡标题？

Question

我有一个带有可滚动标签的页面。我希望能够在两者之间导航，但我希望每次只有一个选项卡处于运行状态。

例如，我有 3 个可水平滚动的选项卡。当我在一个选项卡上时，我应该能够导航，但我不希望看到其他选项卡标题。就这样。

谁能帮我解决这个问题？这是代码；

import React from "react";

import { Container, Header, Tab, Tabs, ScrollableTab } from 'native-base';

import LivingRoom from "../rooms/LivingRoom";
import Kitchen from "../rooms/Kitchen";
import Bathroom from "../rooms/Bathroom";

const HomeScreen = ({ navigation }) => {    
  
  return(
    <Container>
      <Tabs renderTabBar={() => <ScrollableTab />} heading={false} onChangeTab={() =>{} } >
        <Tab heading="LivingRoom">
          <LivingRoom />
        </Tab>
        <Tab heading="Kitchen">
          <Kitchen />
        </Tab>
        <Tab heading="Bathroom">
          <Bathroom />
        </Tab>
      </Tabs>

      <Tabs renderTabBar={() => <ScrollableTab />}>
        <Tab heading="LivingRoom" >
          <LivingRoom />
        </Tab>
        <Tab heading="Kitchen">
          <Kitchen />
        </Tab>
        <Tab heading="Bathroom">
          <Bathroom />
        </Tab>
      </Tabs>
    </Container>
  )
}

export default HomeScreen;

我的另一个问题是在此处输入链接描述

我离它太远了，但我正在尝试做类似的事情（不完全是关于视图，而是关于行动）我应该怎么做才能做出这样的事情？

标签： react-nativenative-base