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

Posted 2023-03-15

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

【英文标题】：React Native Black Screen for a second between loading and video playback using react-native-video (Android)

【发布时间】：2018-07-15 09:28:55

【问题描述】：

从 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】：

您尝试投放的视频可能仍在缓冲中？ 尝试注册onBuffer 事件并查看视频是否仍在缓冲中。