Question

我正试图加快加载一堆gif的速度，但是一个很大的限制是我正在使用Expo，并且不想分离。我发现Picache，指出它可以像对本机Image一样使用。但是，当页面加载时，所有内容现在都加载得非常快，但是gif仍然是“ gify”而不是“ gify”。

<Picache
   source={{uri: someURL.gif)}}
   style={{height: 300, width: 300, borderRadius: 10}}
/>

我花了很长时间进行尝试，以弄清楚如何加快加载一堆图像而不会分离。有没有一种使Picache与gif一起使用的方法，或类似的简单实现方法？

**在有人建议之前，我已经尝试过... react-native-fast-image-expo，但不幸的是，它也需要拆卸。那是所需的软件包。

Answer 1

如果您不想带出该项目，可以将其替换为this.

直到Expo添加了模块，

示例：

tracks

从远程URI获取本地图像

import {Image} from "react-native-expo-image-cache";

// preview can be a local image or a data uri
const preview = { uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" };
const uri = "https://firebasestorage.googleapis.com/v0/b/react-native-e.appspot.com/o/b47b03a1e22e3f1fd884b5252de1e64a06a14126.png?alt=media&token=d636c423-3d94-440f-90c1-57c4de921641";
<Image style={{ height: 100, width: 100 }} {...{preview, uri}} />

Picache gif是静止图像（Expo + ReactNative）

1 个答案: