react-native - Native Base，React Native ..我应该以某种方式设置标签大小

Question

使用带有 Native Base 的标签栏，工作正常。除了每个标签的页面会泄漏到另一个标签中。我应该打赌在某处设置宽度吗？我该怎么做？

例如，我可以选择 Tab1，然后您会在右侧稍微看到 Tab2。

还有无论如何将标签栏放在标题中吗？所以当我在页面上滚动时它会保留。

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

                        </Tabs>
                    </Content>

我的问题是因为我的一些页面被包裹<View> </View>而不是 包裹<Container> </Container>吗？

Answer 1

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

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>
    );
  }
};

tabTwo.js：

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