在带有 expo 的 React Native 项目中显示视频

Question

我试图在我的 React Native 项目（带有 expo）中的屏幕上显示视频。我将视频放入项目中，然后看到消息：

该文件未显示在编辑器中，因为它是二进制文件或使用了不受支持的文本编码

我该如何解决这个问题？

Answer 1

正如 sidverma 所指出的，这是一个与 VS Code 相关的错误。

您无法在编辑器中打开大文件，因为它可能会崩溃。

我记得很久以前用其他编辑器打开大型 bin 文件，它会冻结我的电脑！

无论如何，您仍然可以在 React Native 应用程序中使用该文件。这只是您的编辑器在打开大文件时要小心。

Answer 2

如果想在 react-native 中使用视频，请借助此库：react-native-video

 import Video from "react-native-video";

<View>
        <Video
          source={require("./../assets/video1.mp4")}
          style={styles.backgroundVideo}
          muted={true}
          repeat={true}
          resizeMode={"cover"}
          rate={1.0}
          ignoreSilentSwitch={"obey"}
        />
</View>

选择：Expo LINK

在带有 expo 的 React Native 项目中显示视频

display video in react native project with expo

video

react-native

expo