React native 本机基地，反应本机。。我应该以某种方式设置选项卡大小吗

将选项卡栏与本机Base一起使用，效果很好。。除此之外，每个选项卡的页面都会泄漏到另一个选项卡中。我应该打赌在什么地方设置宽度吗？我该怎么做

例如，我可以选择Tab1，您将看到右边的Tab2

还有没有其他方法可以将选项卡栏放在标题中？因此，当我在页面上滚动时，它将保持不变

  <Content theme={maintheme}>
                        <Tabs>
                            <ChatList tabLabel='Chat' />
                            <Discover tabLabel='Discover' />
                            <Notifications tabLabel='Notifications' />
                            <Profile tabLabel='Profile' />

                        </Tabs>
                    </Content>

我的问题是因为我的一些页面是用

包装的，而不是

---

？

我也在为同样的问题挣扎。您需要为每个选项卡文件包含一个容器和内容

index.ios.js：

<Tabs>
    <TabOne tabLabel="Tab 1"  />
    <TabTwo tabLabel="Tab 2"  />
</Tabs>

tabOne.js：

export default class TabOne extends Component {
  render() {
    return (
      <Container>
        <Content>
          <Text>I am Tab 1</Text>
        </Content>
      </Container>
    );
  }
};

导出默认类TabOne扩展组件{
render（）{
返回(
我是表1
);
}
};

tabTwo.js：

export default class TabTwo extends Component {
  render() {
    return (
      <Container>
        <Content>
          <Text>I am Tab 2</Text>
        </Content>
      </Container>
    );
  }
};

导出默认类TabTwo扩展组件{
render（）{
返回(
我是表2
);
}
};

我也在为同样的问题挣扎。您需要为每个选项卡文件包含一个容器和内容

index.ios.js：

<Tabs>
    <TabOne tabLabel="Tab 1"  />
    <TabTwo tabLabel="Tab 2"  />
</Tabs>

tabOne.js：

export default class TabOne extends Component {
  render() {
    return (
      <Container>
        <Content>
          <Text>I am Tab 1</Text>
        </Content>
      </Container>
    );
  }
};

导出默认类TabOne扩展组件{
render（）{
返回(
我是表1
);
}
};

tabTwo.js：

export default class TabTwo extends Component {
  render() {
    return (
      <Container>
        <Content>
          <Text>I am Tab 2</Text>
        </Content>
      </Container>
    );
  }
};

导出默认类TabTwo扩展组件{
render（）{
返回(
我是表2
);
}
};