技术栈

flutter项目引入本地静态图片资源并展示

1024小神2023-11-06 12:07

想要在flutter中引入静态资源,需要配置pubspec.yaml,将本地的静态资源添加到assets下面:

然后在flutter引入这些静态资源:

Dart 复制代码
Image.asset("images/squick.png")

就可以在app中看到这个图片了:

也可以使用网络图片:

Dart 复制代码
        body: Image.network(
            "https://img-blog.csdnimg.cn/ba8cec54e8fc4e0193c100470b1eb24d.png"));
上一篇:Android 接入ttf字体文件
下一篇:如何通过一条数字人三维动画宣传片,打造出数字文旅
相关推荐
●VON
1 天前
鸿蒙Flutter实战:分类管理页BottomSheet CRUD
数据库·flutter·华为·harmonyos·鸿蒙
woodWu
1 天前
Flutter 复杂拖拽排序实战:同源排序 + 跨容器拖拽完整落地
flutter
小小小小小鹿
1 天前
Vibe Coding 实战:Flutter 自定义路径布局
flutter·vibecoding
程序员老刘
2 天前
Dart 3.12 更新要点:乏善可陈
flutter·ai编程·dart
●VON
2 天前
鸿蒙Flutter实战:水平滑动分类标签筛选栏
flutter·华为·harmonyos
●VON
2 天前
鸿蒙Flutter实战:24小时新建标签提示组件
android·flutter·华为·harmonyos·鸿蒙
●VON
2 天前
鸿蒙Flutter实战:MultiProvider多状态管理架构实践
flutter·华为·架构·harmonyos·鸿蒙
●VON
2 天前
鸿蒙Flutter实战:放弃sqflite选纯Dart JSON文件存储
flutter·华为·json·harmonyos·鸿蒙
J船长
2 天前
把该死的Provider再讲一遍
flutter
热门推荐
01GitHub 镜像站点02DeepSeek V4 + Claude Code thinking mode 400 错误修复方案03Codex 接入 DeepSeek API 完整配置文档04【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法05【AI】2026 年具身智能模型和世界模型总结06裂开!ChatGPT 居然开始要手机号验证,附详细解决方法07CC-Switch & Claude 基于 Linux 服务器安装使用指南08几个好用的ip纯净度检测网站09CC-Switch 全平台下载、安装与使用全指南(Windows/macOS/Linux)10API Key 登录 Codex 也能用插件了,还支持会话删除和导出