React Native在Android平台运行gif的解决方法
2023-09-27 14:28:59 时间
概述
目前RN在Android平台上不支持gif格式的图片,而在iOS平台是支持的,期待以后的版本中系统也是可以默认支持android的。首先说下在ios平台怎么加载gif呢?http://blog.csdn.net/xiangzhihong8/article/details/55803237?1487761206687
- 1
- 1
完整实例:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
RN在Android平台的解决方法
facebook fresco方法
要解决上面的问题,方法还是很多的,最简单的莫过于使用facebook的jar支持库,在android/app/build.gradle文件中新增
- 1
- 2
- 1
- 2
Fresco是一个强大的图片加载组件,Android 本身的图片库不支持此格式,但是Fresco支持。使用时,和往常一样,仅仅需要提供一个图片的URI即可,剩下的事情,Fresco会处理。
如我们运行一个名为loading.gif的图片:
- 1
- 1
当然网上还有另外的方法,就是自己去实现读取gif图片,对图片资源做拆解,这有点类似于,在很久以前,Android平台也是不支持gif的,出现了自定义view对gif图片进行拆解,然后运行image的方案。有点类似于Android的帧动画,在xml定义图片数组,然后使用Animator来加载。不过这种方法性能差。
自定义组件实现
将gif切成15张png的图片,暂且命名为loading1、loading2…. loading15。
在构造方法中初始化图片数组
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
也没渲染
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
轮播图片
每隔100毫秒切换一张图片,当数据加载完毕,清楚定时任务,并且将图片置为第一张。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
这样就实现了自己实现对gif运行的实现,不过其性能确实太差,建议使用第一种。
附:RN知识库
相关文章
- Android--使用LayoutInflater加载布局文件的三种方法
- Android平台Camera实时滤镜实现方法探讨(十)--代码地址以及简单介绍(20160118更新)
- Android SQLite使用事务来确保所有语句都以原子方式执行及保证数据完整性一次执行多条语句示例
- Android中获取资源的id和url方法总结
- Android学习笔记进阶19之给图片加边框
- android 6.0权限全面详细分析和解决方案
- 关于 android 中 postDelayed方法的讲解
- android intent 隐式意图和显示意图(activity跳转)
- Android中View绘制流程以及invalidate()等相关方法分析
- 《OpenGL ES应用开发实践指南:Android卷》—— 1.3 初始化OpenGL
- Android手机修改Hosts的方法
- tensorflow保存模型和加载模型的方法(Python和Android)
- android中退出当前应用程序的四种方法
- Android Intent的几种用法总结【转】
- Android学习之修改主题的方法
- 如何为Android上的产品设计一款合适的图标
- 【React Native开发】React Native移植原生Android项目(4)
- Unity Android 之 重启应用(应用自身重启自身)的方法实现
- Unity Android 之 在 Unity 中直接调用打开其他应用apk的方法实现
- Android Studio 基础 之 获取蓝牙Bluetooth 的状态,设置的蓝牙Bluetooth 的开关状态,并监听蓝牙Bluetooth 的状态变化方法整理
- Android在putString和getString使用方法
- 图解Oracle诉Google Android对Java的巨额侵权案
- 谷歌:新安卓系统Android 7.0 Root难度将加大