Android开发经验谈Flutter闲话Flutter和Dart

Flutter知识点: 图片加载

2018-06-13  本文已影响99人  jzhu085

图片加载一般分为本地加载和网络加载,下面将举例讲述这两种方式。
支持格式: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上了:https://github.com/zhujian1989/flutter_study

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

上一篇 下一篇

猜你喜欢

热点阅读