Flutter知识点: 图片加载

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

已有项目集成到Flutter代码已经上传到我的GITHUB

知乎日报Flutter版代码已经上传到我的GITHUB

基础学习过程中的代码都放在GITHUB

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 7.1 压缩图片 一、基础知识 1、图片的格式 jpg:最常见的图片格式。色彩还原度比较好,可以支持适当压缩后保持...
    AndroidMaster阅读 2,591评论 0 13
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,659评论 25 709
  • 我如同一粒尘埃 微小却不卑微 当你遇到我 请不要在乎我 也不要悲悯我 让我随意在你身边 相伴你的喜怒哀乐就好 我如...
    月满钟秀阅读 362评论 4 14