Reactネイティブのネイティブベースのタブはレンダリングされません

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>