React-Native 在android写不支持gif的解决方案!

最新推荐文章于 2024-06-06 10:08:01 发布

weixin_30267691

最新推荐文章于 2024-06-06 10:08:01 发布

阅读量147

点赞数

文章标签：移动开发 java

原文链接：http://www.cnblogs.com/zhiyingzhou/p/6076204.html

版权

只需要在android/app/build.gradle中的dependencies字段中添加：

compile 'com.facebook.fresco:animated-gif:0.13.0'

然后重新跑一下react-native run-android命令就可以了

如图:

转载于:https://www.cnblogs.com/zhiyingzhou/p/6076204.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30267691

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

React Native在Android平台运行gif的解决方法

xiangzhihong8的专栏

02-19

5779

概述目前RN在Android平台上不支持gif格式的图片，而在ios平台是支持的，期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢？ <Image source= {require('./img/loading.gif')} style = {styles.loading}/> 完整实例：xport default class Loading extend

React Native图片资源使用方案

...

04-02

1484

图片资源（ jpeg、png、svg、webp ... ）作为与用户交互的界面元素，在客户端产品中起到了非常重要的角色作用。在应用开发中，移动端与PC的图片使用策略也有所不同。PC端较大的内存容量，快速的渲染能力使各类型图片资源都能得到较好的使用。而移动端由于设备内存，GPU渲染都与PC有较大差别，所以在App应用开发中，需要我们单独分析处理。今天我们聊聊在React Native开发中，如...

参与评论您还未登录，请先登录后发表或查看评论

react-native 之android 配置gif图片的使用----------小白的天堂

Mr.wang的博客

01-05

3291

React-native显示动态图片（gif）的配置突然心血来潮，想把项目中的loading效果换成动态图片的样式，这样会好看一些不会那么单调。然后开始了我的踩坑之路。。。。首先，查看官方网站（react-native中文网），然后选择对应自己的版本号的文档我的是0.50的版本，然后找到Image，查看了一下， Android 如果要至支持gif图片需要添加依赖，然后按...

react-native插入动图

weixin_46285530的博客

12-20

2025

希望在react-native插入.gif动态图，首先要在…\android\app\build.gradle文件中的dependencies中添加： // For animated GIF support implementation 'com.facebook.fresco:animated-gif:2.0.0'* 类似的，如果是Webp动图，则需要添加： // 如果你需要支持WebP格式，包括WebP动图 implementation 'com.facebook.fresco:a

react-native使用gif动图

y199710的博客

02-01

707

默认情况下 Android 是不支持 GIF 和 WebP 格式的。

react-native 0.62支持gif动图

宏斌的博客

05-23

1770

看了一些android支持动图的博客都是添加配置，问题就是要求的版本不对应，试了很多回后发现了对应0.62版的配置 implementation 'com.facebook.fresco:animated-gif:2.0.0' 解决这个问题其实也很意外，试了一个2.2版本的报错了，报错中显示：虽然我看不懂，但是直觉告诉我，就是它了，果不其然改成了2.0.0就可以了，老八动起来了奥力给干了兄弟们 ...

React Native 引用GIF文件

chevins的博客

08-23

4755

/*加载中*/ export default class Loading extends React.Component { render(){ if (!this.props.isShow) { return } return (

集成react-native-image-crop-picker遇到的问题

qq_34823218的博客

06-21

733

因为一个相册选择图片的东西要多选，选了这个组件 react-native 0.48 react-native-image-crop-picker@0.24.0 因为react-native-image-crop-picker0.25及以上只支持react-native0.60及以上然后（1）先安装react-native-image-crop-picker $ npm install react-native-image-crop-picker --save （2）在项目中集成react-na

react-native-fast-image

08-03

总的来说，`react-native-fast-image` 提供了一个强大的解决方案，解决了React Native原生图片组件在性能上的不足，使得开发者能构建出更加流畅、响应更快的移动应用。对于那些对用户体验有高要求，特别是包含大量...

《React-Native系列》21、解决RN在Android下不支持gif问题

等待就是浪费青春

08-22

6210

由于RN在Android平台上不支持gif格式的图片，今天介绍下我们是怎么处理这个问题的。先来看看我们需要实现的效果，这是一张gif图片，当我们列表上拉加载下一页的时候需要使用这个效果，如下图：我们的解决方案是：将gif切成15长png的图片，暂且命名为loading1、loading2.... loading15 然后循环的setState修改图片，就像看电影一样，达到

react-native android之配置gif图片

01-05

react-native 中对使用gif动态图片的配置，以及查看对应的版本信息，解决冲突。非常实用，欢迎下载！

《React-Native系列》React-Native实战系列博客汇总

等待就是浪费青春

11-07

7049

从2016年7月份开始，坚持写ReactNative系列博客，记录工作中遇到的点滴。今天把博客汇如下：《React-Native系列》1、初探React-Native《React-Native系列》2、RN与native交互与数据传递《React-Native系列》3、RN与native交互之Callback、Promise《React-Native系列》4、表单界面代码编写《React-Nati

ReactNative GIF

吴佩佩佩佩的博客

07-23

2593

默认使用GIF图都只会显示第一帧的静态画面。在RN中使用GIF，需要在build.gradle中添加: implementation 'com.facebook.fresco:animated-gif:2.0.0' 在安卓的XML中使用，需要在build.gradle中添加: implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.17' 然后这样使用: <pl.droidsonroids.gif.GifImageView

在react native中使用动图

qq_41985405的博客

05-21

484

【代码】在react native中使用动图。

记录在React Native 里添加支持gif图片时报错

qq_45205389的博客

08-26

253

我的build.gradle(android/build.gradle) //Top-levelbuildfilewhereyoucanaddconfigurationoptionscommontoallsub-projects/modules. buildscript{ ext{ buildToolsVersion="30.0.2" minSdkVersion=21 compileSdkVersio...

react native项目android动图展示