React Native + NativeBase + Exponent，元素類型無效錯誤

Question

對於本機，本機基礎和Exponent的反應，我相當新。不幸的是，我無法獲得簡單的組件，甚至無法顯示。我花了大約6個小時以上的時間解決了nativebase文檔中的簡單教程組件。我覺得我只是錯過了一些基本的東西，我真的很感謝他的幫助。

以下是我在做什麼： 使用Exponent XDE運行我的項目。 根據文檔安裝的nativebase，此時沒有錯誤。

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; 

電流誤差： 元類型無效：預期的字符串（用於內置組件）或類/功能（複合組件），但得到：undefined

我只是絕對不知道從哪裏開始。謝謝。

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)。 如果您正在使用Exponent。 例子：https://github.com/exponent/nativebase-example