네이티브베이스, 네이티브 기본 ... 어떻게 든 탭 크기를 설정해야합니까?

Question

기본 탭과 함께 탭 표시 줄을 사용하면 각 탭의 페이지가 다른 탭으로 누출되는 것을 제외하고는 정상적으로 작동합니다. 어딘가에 너비를 설정해야합니까? 내가 어떻게 그럴 수 있니?

예를 들어 Tab1을 선택하면 Tab2가 약간 오른쪽에 표시됩니다.

어쨌든 헤더에 탭 표시 줄을 넣을 수 있습니까? 그래서 페이지를 스크롤하면 남아있을 것입니다. 내 페이지 중 일부는 <Container> </Container>을 <View> </View>에 싸여 있지 않기 때문에

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