Question

我有以下问题。我尝试使用{ name: 'Anne', parent: 'A', value: 5, className: 'highcharts-color-1' }组件在Android设备上运行的react-native app中显示扩展名为*.mp4的视频文件。

我设法引用此视频，我可以听到视频文件中的声音，但我不知道如何显示实际的视频图像。

以下是此组件的代码

react-native-video

我猜测风格存在一些问题，但无法确定哪一种。

感谢您提供有助于解决此问题的任何建议/帮助。

Answer 1

使用绝对样式时，必须提供宽度和高度，因为它不会像flex一样适应。

我猜你也希望它是全屏的。在这种情况下，您将需要屏幕的尺寸：

render() {
    const w = Dimensions.get('window').width;
    const h = Dimensions.get('window').height;
    return (
        <View style={styles.container}>
            <Video
                style={[styles.backgroundVideo, {width: w, height: h}]}
                repeat
                resizeMode='cover'
                source={require('../assets/SampleVideo.mp4')}
        />
        </View>
    );
}

无法在Android设备上以react-native显示视频文件

1 个答案: