当前位置: 首页 > news >正文

Flutter基础(前端教程⑨-图片)

一、显示网络图片(最常用)

Image.network('https://picsum.photos/200/300', // 示例图片 URLwidth: 200,height: 300,fit: BoxFit.cover, // 图片填充方式loadingBuilder: (context, child, loadingProgress) {if (loadingProgress == null) return child;return CircularProgressIndicator( // 加载中的进度指示器value: loadingProgress.expectedTotalBytes != null? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!: null,);},errorBuilder: (context, error, stackTrace) {return const Icon(Icons.error); // 加载失败时显示的图标},
)

二、显示本地图片

1. 准备工作:配置 pubspec.yaml

首先需要在 pubspec.yaml 中声明图片资源:

flutter:assets:- assets/images/avatar.png      # 单张图片- assets/images/backgrounds/    # 整个目录下的图片
2. 使用 Image.asset 显示图片
Image.asset('assets/images/avatar.png', // 图片路径(与 pubspec.yaml 中声明的一致)width: 100,height: 100,fit: BoxFit.contain,
)

http://www.lryc.cn/news/583603.html

相关文章:

  • 「macOS 系统字体收集器 (C++17 实现)」
  • JavaScript对象的深度拷贝
  • 全球发展币GDEV:从中国出发,走向全球的数字发展合作蓝图
  • 【RK3568+PG2L50H开发板实验例程】FPGA部分 | DDR3 读写实验例程
  • 【学习笔记】OkHttp源码架构解析:从设计模式到核心实现
  • 【Java】【力扣】【字节高频】3.无重复字符的最长字串
  • 便捷的电脑自动关机辅助工具
  • Deepseek搭建智能体个人知识库
  • yolo8实现目标检测
  • 操作系统核心技术剖析:从Android驱动模型到鸿蒙微内核的国产化实践
  • Day 56
  • EPLAN 电气制图(六):结构盒与设备管理器核心概念(基础知识选看)
  • Linux操作系统之进程间通信:管道概念
  • EF提高性能(查询禁用追踪)(关闭延迟加载)
  • 神经网络初步学习3——数据与损失
  • 如何选择时序数据库:关键因素与实用指南
  • HCIP(综合实验)
  • 备受期待的 MMORPG 游戏《侍魂R》移动端现已上线 Sui
  • 【教程】基于GNN的药物相互作用网络中的链接预测
  • 200nl2sql
  • 安全管理协议(SMP):配对流程、密钥生成与防中间人攻击——蓝牙面试核心考点精解
  • python 在运行时没有加载修改后的版本
  • 自动驾驶决策与规划
  • 华为动态路由配置
  • 【Linux | 网络】socket编程 - 使用UDP实现服务端向客户端提供简单的服务
  • 分库分表之实战-sharding-JDBC水平分库+分表后:查询与删除操作实战
  • Android Notification 通过增加addAction 跳转回Service重新执行逻辑
  • 海信IP501H_GK6323处理器免拆卡刷包和线刷救砖包_当贝纯净版
  • LLM 在预测下一个词的时候是怎么计算向量的,说明详细过程
  • 数据库技术体系及场景选型方案