如何在React Native Expo中显示动画gif ?

Question

我搜索了一下，找到了像fresco这样的解决方案，但我找不到世博会的任何解决方案。请给我一个解决办法。

& lt;图像风格={{宽度:38,高度:38}}源={要求(. ./资产/图片/avatar.gif)}/祝辞

Answer 1

确保您已经从React Native导入了Image:

import {Image} from "react-native";

Answer 2

您的代码片段是正确的。

导入声明。

import { Image } from "react-native";

对于远程uri:

<Image source={{ uri: REMOTE_GIF }} style={{ width: 200, height: 200 }} />

对于本地gif文件:

<Image source={require('./assets/2.gif')} style={{ width: 200, height: 200 }} />

注意:对于本地文件，只需确保从该组件到该文件的路径是正确的。也许这就是你的问题所在。

这是一个具有这两个实现的小吃。在Android, iOS和Web上进行了测试。