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

时间:2018-07-15 09:28:55

标签: android reactjs react-native react-native-video

从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>
);
}
}

1 个答案:

答案 0 :(得分:1)

您尝试投放的视频是否仍在缓冲中? 尝试注册onBuffer事件,看看视频是否仍在缓冲。