React Native + NativeBase + Exponent、要素タイプが無効ですエラー

Question

ネイティブ、ネイティブベース、および指数に対応するのがかなり新しいです。残念ながら、単純なコンポーネントを表示することさえ難しくなっています。ネイティブベースのドキュメントから簡単なチュートリアルコンポーネントをトラブルシューティングするのにおそらく6時間以上を費やしました。私は何か基本的なものを欠いているように感じ、私は本当に救いの手に感謝します。

私がやっていることは次のとおりです。 Exponent XDEを使用してプロジェクトを実行しています。 ドキュメントに基づいてインストールされたネイティブベース。この時点ではエラーはありません。

main.js

'use strict'; 
import React, { Component } from 'react'; 
import { 
    AppRegistry, 
} from 'react-native'; 
import { Container } from 'native-base'; 
import { CardImageExample } from './component/card.js'; 



AppRegistry.registerComponent('main',() => CardImageExample); 

card.js

import React, { Component, Image } from 'react'; 
import { Container, Content, Card, CardItem, Thumbnail, Text, Icon } from 'native-base'; 

class CardImageExample extends Component { 
    render() { 
     return (
      <Container> 
       <Content> 
        <Card> 
         <CardItem> 
          <Thumbnail source={require('./img/penguin-icon.png')} /> 
          <Text>Instrumental Songs</Text> 
          <Text note>Guitar</Text> 
         </CardItem> 

         <CardItem>       
          <Image style={{ resizeMode: 'cover' }} source={require('./img/penguin.jpg')} /> 
         </CardItem> 

         <CardItem> 
          <Icon name='ios-musical-notes' style={{color : '#ED4A6A'}} /> 
          <Text>Listen now</Text>       
         </CardItem> 
        </Card> 
       </Content> 
      </Container> 
     ); 
    } 
} 
export default CardImageExample; 

電流誤差： 要素タイプが無効である：（内蔵部品用）は、文字列またはクラス/関数（の予想複合コンポーネント）が見つかりました：未定義

私はちょうどどこから始めるべきか分かりません。ありがとう。

Answer 1

あなたmain.jsこれは私を助け

import * as Exponent from 'exponent'; 
import React from 'react'; 
import First from './src/app'; 
import { Container, Header, Title, Content, Button, Left, Right, Body,Icon, Separator } from 'native-base'; 

class App extends React.Component { 
render() { 
    return <First/> ; 
} 
} 
Exponent.registerRootComponent(App); 

Answer 2

Exponent.registerRootComponent(App)のようにアプリを登録する必要があります。 指数を使用している場合。 例：https://github.com/exponent/nativebase-example