네이티브 기본 네이티브 기본 탭과 함께 렌더링하지 않음

Question

내 네이티브 기본 응용 프로그램에 네이티브 기본 확장자를 사용하고 있습니다. iOS 시뮬레이터에서 코드를 실행 중입니다.

것은 내가이 다음되었습니다 다음과 같이 http://nativebase.io/docs/v2.0.0/components#tabs

내 코드는 다음과 같습니다

import React, { Component } from 'react'; 
import { Container, Header,Content, Tab, Tabs } from 'native-base'; 
import Profile from './Profile'; 
import Posts from './Posts'; 
export default class ProfileRoot extends Component { 

render(){ 
return (
    <Container> 
    <Header hasTabs /> 
    <Tabs> 
     <Tab heading="Profile"> 
      <Profile /> 
     </Tab> 
     <Tab heading="Posts"> 
      <Posts /> 
     </Tab> 
    </Tabs> 
    </Container> 
); 
} 
} 

프로필 및 게시물 두 구성 요소를 개별적으로 미세 렌더링 (몇 이외 어쨌든 훨씬이 없다 버튼). 버튼과 같은 다른 구성 요소를 렌더링하면 네이티브베이스가 올바르게 설치됩니다.

경고 :

나는 다음과 같은 오류가 React.createElement : 유형이 유효하지 않습니다 - (복합 구성 요소) (내장 구성 요소) 문자열이나 클래스/기능을 기대하지만, 가지고 : 정의되지 않은. 정의 된 파일에서 구성 요소를 내보내는 것을 잊었을 가능성이 큽니다. ProfileRoot의 렌더링 방법을 확인하십시오.

이미 ProfileRoot에 내보내기 기본 클래스가 포함되어 있습니다. 내가 잘못하고있는 것을 분명히 놓치고있는 것이있다.

Answer 1

<Tabs> 태그를 <Header> 태그 또는 <Content> 태그로 감싸십시오. 예 :<Header><Tabs>…</Tabs></Header>