2016-07-31 12 views
0

私の反応ネイティブアプリでyoutubeコンポーネントを使用しようとしています。しかし、それは私にエラーを与え続けます "要素型が無効です:文字列またはクラス/関数が必要ですが、オブジェクトがあります:オブジェクトxxのレンダリングメソッドを確認してくださいReact-Nativeでyoutubeコンポーネントの要素タイプが正しくありません

react-native-youtubeがインストールされていて、大丈夫です。

"dependencies": { 
    "react": "15.2.1", 
    "react-native": "0.30.0", 
    "react-native-tabbar-navigator": "^0.3.0", 
    "react-native-youtube": "^0.7.2" 
    } 
} 

私のMain.jsコードは以下のようになります。

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    Text, 
    TextInput, 
    View, 
    TouchableHighlight, 
    ActivityIndicator, 
    Image 
} from 'react-native'; 


var YouTube = require('react-native-youtube'); 



Class Main extends Component { 


render() { 
    return (

     <View style={styles.container}> 

     <YouTube 
     ref="youtubePlayer" 
     videoId="KVZ-P-ZI6W4" 
     play={true}   
     hidden={false}   
     playsInline={true}  
     loop={false}   
     onReady={(e)=>{this.setState({isReady: true})}} 
     onChangeState={(e)=>{this.setState({status: e.state})}} 
     onChangeQuality={(e)=>{this.setState({quality: e.quality})}} 
     onError={(e)=>{this.setState({error: e.error})}} 
     onProgress={(e)=>{this.setState({currentTime: e.currentTime, duration: e.duration})}} 

     style={{alignSelf: 'stretch', height: 300, backgroundColor: 'black', marginVertical: 10}}/> 

</View> 

    ); 
    } 

    } 

なぜこのエラーが発生するのかわかりません。あなたのアイデアを共有してください! (:! ベスト

答えて

0

代わりvar YouTube = require('react-native-youtube');

の使用import YouTube from 'react-native-youtube';はまた、あなたの代わりにclass

+0

感謝の大文字で始まるあなたのコードでClassを持っていることは、エラーがなくなっているようだが、私は今のブランクを参照してください。コンポーネントをダブルクリックすると、黒色の背景(四角形のように見える)で縮小されます。コンテンツが表示されない理由はありますか?(: –

+1

モジュール?すなわち '反応ネイティブリンク'を実行し、htmlアセットをxcodeプロジェクトにコピーします –

+0

こんにちはコンスタンチン!あなたが言ったように、私は正しくhtmlファイルをxcodeプロジェクトに配置しました。誤って間違ったディレクトリに置く場所がわからない。ありがとう!それは今働きます! (: –