2017-01-25 3 views
1

다음과 같은 문제가 있습니다.구성 요소를 사용하여 Android 장치에서 실행중인 반응 기본 응용 프로그램에 확장자가 *.mp4 인 비디오 파일을 표시하려고합니다.Android 기기에서 react-native로 동영상 파일을 표시 할 수 없습니다.

이 비디오를 참조 할 수 있었고 비디오 파일에서 소리가 들리지만 실제 비디오 이미지를 표시하는 방법을 모르겠습니다.

다음은이 스타일로 약간의 문제이지만, 어느 알아낼 수없는이 구성 요소

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가 적용되지 않으므로 너비와 높이를 지정해야합니다.

나는 전체 화면이되도록 추측하고 있습니다. 이 경우 화면의 크기가 필요합니다.