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

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

1 个答案: