react-native - 如何在 React Native 中缓存视频

Question

我已经很长时间挣扎并且找不到这个问题的正确解决方案:如何处理 RN 中的视频缓存。我正在使用 react-native-video 来显示视频，但该包还没有缓存选项。请帮助找到解决方案。非常感谢

Answer 1

我终于在这里找到了解决方案。所以魔法就在 ImageCacheManager 中，它现在可以用来缓存任何类型的文件，例如视频文件或 pdf 文件。所以我使用了以下包 https://github.com/kernelnetworks/react-native-cached-image.git，其中所有适当的更改都已完成，以便能够缓存任何类型的文件。

...
import { ImageCacheManager } from "react-native-cached-image";
import Video from "react-native-video";
...
componentDidMount() {
   ImageCacheManager({})
  .downloadAndCacheUrl(this.props.source.uri)
  .then(res => {
    this.setState({ cachedVideoURI: res, loaded: true });
   })
  .catch(err => {
   ...
  });

}

然后将缓存的 uri 用作您的视频(或任何其他类型的文件)的源。

<Video source={{uri: this.state.cachedVideoURI}}

就是这样!!! 希望这可以帮助某人节省大量时间