Flutter知识点: 图片加载

1,906 阅读1分钟
原文链接: www.jianshu.com

图片加载一般分为本地加载和网络加载,下面将举例讲述这两种方式。 支持格式:JPEG,WebP,GIF,动画WebP / GIF,PNG,BMP和WBMP。

本地加载

在根目录下建一个你喜欢的目录。
配置了3种分辨率的图:
36 * 36
72 * 72
108 * 108

image.png 在pubspec.yaml中配置图片 image.png两种使用方式 image.png

Flutter会根据手机分辨率选择适合的图
下面是配置了3x图和没有配置效果对比:

WechatIMG96.jpeg
WechatIMG95.jpeg

网络加载

1.首选需要在pubspec.yaml 导入库

image.png

2.dart类中导入库

image.png

3.举例

普通图片网络加载
image.png
从缓存加载图片
image.png
淡入动画加载图片
image.png

4.效果

image.png

学习过程中的代码都放在github上了:github.com/zhujian1989…

每天学一点,学到Flutter发布正式版!