技术栈

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字体文件
下一篇:如何通过一条数字人三维动画宣传片,打造出数字文旅
相关推荐
用户96559736190
14 小时前
Flutter 遇上 FlutterSkills:让开发效率翻倍的实用技巧
flutter
2501_91974903
19 小时前
鸿蒙 Flutter 实战:image_crop 0.4.1 适配 3.27-ohos 全流程
flutter·华为·harmonyos
木子雨廷
1 天前
Flutter 内存管理实战:从 GC 原理到 DevTools 泄漏排查
前端·flutter
恋猫de小郭
1 天前
GSY 史上最全跨平台/架构/语言的项目,七大项目召唤「神龙」
android·前端·flutter
木子雨廷
2 天前
Flutter 使用 flutter_flavorizr 多渠道打包
前端·flutter
G_dou_
2 天前
# Flutter+OpenHarmony 实战:note_app 笔记应用
flutter·harmonyos
西西学代码
2 天前
Flutter---侧边栏会话列表
flutter
G_dou_
2 天前
Flutter+OpenHarmony实战:Calculator 计算器项目
flutter
小小小小小鹿
2 天前
# Vibe Coding 实战:Flutter 滑动列表上的花式动效
flutter·vibecoding
热门推荐
01GitHub 镜像站点02【AI】2026 年具身智能模型和世界模型总结03【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法042026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf05Codex 下载安装指南:Windows 和 macOS 官方版下载06Codex 接入 DeepSeek API 完整配置文档07CC-Switch & Claude 基于 Linux 服务器安装使用指南08裂开!ChatGPT 居然开始要手机号验证,附详细解决方法09几个好用的ip纯净度检测网站10DeepSeek V4 + Claude Code thinking mode 400 错误修复方案