Native Base、React Native ..何とかタブサイズを設定する必要があります

Question

ネイティブベースのタブバーを使用すると、各タブのページが他のタブに漏れることを除いて正常に動作します。私はどこかに幅を設定するべきでしょうか？どうすればいい？

たとえば、私はTab1を選択していて、Tab2が少し右に表示されます。

また、タブバーをヘッダーに配置する方法はありますか。ページ上をスクロールすると、そのページはそのまま残ります。私のページの一部が<View> </View>なく<Container> </Container>に包まれているので、

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

         </Tabs> 
        </Content> 

は私の問題ですか？

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