You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter旅行App添加Image.asset后无显示且应用卡顿求助

Flutter旅行App开发问题:添加Image.asset后图片不显示且应用无响应

我正在跟着Youtube上dbestech的教程开发Flutter旅行App,这是我第一次接触Flutter,也是多年来第一次编程。视频进度到1小时左右时遇到了问题:

  • 用VSCode开发,添加Image.asset代码后,应用能在手机上打开,但图片不显示,而且应用完全无法操作(底部导航栏失效)
  • 移除该行代码后,一切功能恢复正常

我已经做了以下排查:

  • 确认pubspec.yaml中assets配置缩进正确,配置内容如下:
assets:
  - images/
  • 确认图片路径无误,尝试过将图片文件夹复制到项目根目录或添加到工作区,均无效
  • 运行时无报错,代码编辑器也没有红色提示

当前相关代码如下:

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color.fromARGB(255, 243, 243, 243),
      body: ListView(
        children: [
          Container(
            child: Column(
              children: [
                Row(
                  children: [
                    Text(
                      "Good Morning"
                      ),
                      Image.asset("images/img1_png")
                  ],
                )
              ],
            ),
          )
        ],
      )
    );
  }
}

内容的提问来源于stack exchange,提问作者nh44

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 19:12:37