时间戳

首页 > 解决方案 > 使用 react-native-video (Android) 在加载和视频播放之间反应原生黑屏一秒钟

android - 使用 react-native-video (Android) 在加载和视频播放之间反应原生黑屏一秒钟

问题描述

从 onLoad 移动时总是会出现大约 2 秒的黑屏，这会停止我的加载微调器组件并在下面的代码中开始视频播放。我正在使用 ExoPlayer。知道我做错了什么，或者如何改进我的代码以摆脱黑屏？！

render() {
let loading = null;
let waitingVideo = null;
if (!this.state.waitingVideoURL) {
  loading = (
    <View>
      <Text style={styles.loading}>Loading...</Text>
      <ActivityIndicator size="large" color="#2C3942" />
    </View>
  );
} else {
  waitingVideo = (
    <Video
      source={{
        uri: this.state.waitingVideoURL,
      }}
      resizeMode="cover"
      style={styles.backgroundVideo}
      repeat
      onLoad={this.stopLoading}
    />
  );
}

return (
  <View style={styles.container}>
    <StatusBar hidden />
    {waitingVideo}
    {loading}
  </View>
);
}
}

标签： androidreactjsreact-nativereact-native-video

解决方案

也许您尝试提供的视频仍在缓冲中？尝试注册onBuffer事件并查看视频是否仍在缓冲。

推荐阅读