增加loadingProgress参数,用于显示进度。

ExtendedImage.network(

‘https://raw.githubusercontent.com/fluttercandies/flutter_candies/master/gif/extended_text/special_text.jpg’,

handleLoadingProgress: true,

clearMemoryCacheIfFailed: true,

clearMemoryCacheWhenDispose: true,

cache: false,

loadStateChanged: (ExtendedImageState state) {

if (state.extendedImageLoadState == LoadState.loading) {

final loadingProgress = state.loadingProgress;

final progress = loadingProgress?.expectedTotalBytes != null

? loadingProgress.cumulativeBytesLoaded /

loadingProgress.expectedTotalBytes
null;

return Center(

child: Column(

mainAxisAlignment: MainAxisAlignment.center,

crossAxisAlignment: CrossAxisAlignment.center,

children: [

SizedBox(

width: 150.0,

child: LinearProgressIndicator(

value: progress,

),

),

SizedBox(

height: 10.0,

),

Text(’${((progress ?? 0.0) * 100).toInt()}%’),

],

),

);

}

return null;

},

),

图片预览上滑显示详情(跟图虫一样)

当时在制作图片预览功能的时候,就暴露多了足够的api,提供给用户自定义各种效果, 由于Flutter手势的复杂以及冲突,我特意做了一个Demo提供出来。

至此pic_swiper.dart已拥有以下功能:

  • 缩放

  • 平移

  • 上下一页图片

  • 拖动退出预览

  • 上滑显示详情

extended_image_library

为extended_image的基础库,如果你只需要网络图片缓存功能,你可以只引用这个库

Image(

image: ExtendedNetworkImageProvider("", cache: true),

);

复制代码

  • 支持Web,小姐姐在线Demo

  • 提供获取缓存图片的各种方法

  • 方便获取图片的原数据(image的toByteData方法性能不佳)

flutter_image_editor

flutter_image_editor可以说是低调为extended_image

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

量身打造的原生插件,支持旋转裁剪翻转,extended_image负责图片编辑UI,flutter_image_editor提供原生裁剪图片数据能力。由于dart image库在处理图片的效率问题,原生库(期待纯C++库)就有了很大的优势(大图片可以有10倍速度的提升)。

flutter_wechat_assets_picker

出自Flutter劝退师Alex之手, 是一个对标微信的多选资源选择器,99%接近于原生微信的操作,纯Dart编写,支持选择的同时也支持预览资源。支持如下功能:

  • 图片资源支持

  • 视频资源支持

  • 国际化支持

  • 自定义文本支持

原文章

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐