2017-01-25 12 views
1

次の問題があります。 react-native-videoコンポーネントを使用して、アンドロイドデバイスで実行中の反応ネイティブアプリに拡張子*.mp4の動画ファイルを表示しようとしています。Androidデバイスの反応ネイティブの動画ファイルを表示できません

私はこのビデオを参照することができ、私はビデオファイルから音が聞こえますが、実際のビデオ画像を表示する方法はわかりません。

はここであったスタイルを持ついくつかの問題ですが、どれを把握することはできませんことを、このコンポーネント

import React, { Component } from 'react'; 
import { StyleSheet, Text, View } from 'react-native'; 
var Video = require('react-native-video').default; 

class VideoScene extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Video 
      style={styles.backgroundVideo} 
      repeat 
      resizeMode='cover' 
      source={require('../assets/SampleVideo.mp4')} 
     /> 
    </View> 
    ); 
    } 
}; 

// Later on in your styles..   
var styles = StyleSheet.create({ 
container: { 
    flex: 1, 
}, 
backgroundVideo: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    bottom: 0, 
    right: 0, 
}, 
}); 


export default VideoScene; 

私の推測のために私のコードです。

この問題の解決に役立つご提案ありがとうございます。

答えて

2

絶対的なスタイルを使用する場合、幅と高さを指定する必要があります。これは、flexスタイルに適応しないためです。

私はあなたもフルスクリーンにしたいと思っています。その場合は、画面のサイズが必要になります:

関連する問題