🔥 本文由 程序喵正在路上 原创，CSDN首发！ 💖 系列专栏：Flutter学习 🌠 首发时间：2024年5月24日 🦋 欢迎关注🖱点赞👍收藏🌟留言🐾

目录

图片组件

组件介绍
加载远程图片
Container实现圆形图片
ClipOval实现圆形图片
CircleAvatar实现圆形图片
加载本地图片

图标组件

使用Flutter官方Icons图标
借助阿里巴巴图标库自定义字体图标

图片组件

组件介绍
在 Flutter 中，我们可以通过 Image 组件来加载并显示图，Image 的数据源可以是 asset、文件、内存以及网络。
下面我们主要讲解两个内容：

Image.asset：本地图片

Image.network：远程图片

Image 组件的常用属性:

名称
类型
说明

alignment
Alignment
图片的对齐方式

color 和 colorBlendMode

设置图片的背景颜色，通常和 colorBlendMode 配合一起使用，这样可以是图片颜色和背景色混合

fit
BoxF......