时间戳

首页 > 解决方案 > React Native 视频最终出现白屏并且应用程序没有响应

reactjs - React Native 视频最终出现白屏并且应用程序没有响应

问题描述

每当我打开应用程序时，我都会尝试渲染在屏幕上运行的视频。我用过yarn add react-native-video。我按照 npm react-native-video 和一些 youtube 教程中的代码进行操作。

我希望视频将在我循环打开应用程序后运行（不需要播放/暂停按钮），但我的结果是白屏，几分钟后，我收到一个弹出窗口“应用程序没有响应”

这是我的视频代码行：

<Video 
  source={require("./happy.mp4")}
  style={styles.video}
  repeat
  resizeMode="cover"
  muted
  rate={1.0}
/>

styles.video: {
  position: 'absolute',
  zindex: 0,
  top: 0,
  right: 0,
  left: 0,
  bottom: 0,
}

这是我的依赖项：

"react-native-video": "^5.1.1",
"react": "17.0.1",
"react-native": "0.64.2",

标签： reactjsreact-nativereact-native-androidreact-native-videoreact-native-cli

解决方案

推荐阅读