Flutter中ListTile不显示问题求助：界面实现及代码排查

我看了你的代码，发现几个导致ListTile显示异常的问题，同时帮你优化了整体布局逻辑，让你实现「图片在下，白色容器叠加在上，ListTile显示在容器上」的效果：

问题分析 #

• API拼写错误：Flutter中加载本地图片的方法是Image.asset()，你写成了Image.assets()（多了个s），这会直接导致图片加载失败
• 白色容器无高度：你叠加的白色圆角容器没有设置高度，它会被压缩成一个空容器，无法提供你想要的背景区域
• ListTile的父容器宽度不足：Positioned里的Column默认是包裹内容的宽度，ListTile需要足够的宽度才能正常展示（比如默认的leading位置、文字排版）
• Stack层级冗余：嵌套的Stack没必要，直接用Positioned定位组件更清晰

修正后的完整代码 #

Scaffold(
  appBar: AppBar(
    title: const Text('Detail'),
  ),
  body: Column(
    children: <Widget>[
      Expanded(
        child: Stack(
          children: <Widget>[
            // 底层背景图片
            Image.asset(
              'images/photo.png',
              fit: BoxFit.cover, // 让图片铺满容器，避免拉伸变形
              width: double.infinity,
              height: double.infinity,
            ),
            // 叠加的白色圆角容器（从顶部170px开始，铺满剩余区域）
            Positioned(
              top: 170,
              left: 0,
              right: 0,
              bottom: 0,
              child: Container(
                decoration: const BoxDecoration(
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(40),
                    topRight: Radius.circular(40),
                  ),
                  color: Colors.white,
                ),
              ),
            ),
            // 显示在白色容器上的ListTile
            Positioned(
              top: 200,
              left: 8,
              right: 8, // 左右留边的同时，让ListTile拥有足够宽度
              child: ListTile(
                title: const Text('Title'),
                subtitle: const Text('Subtitle content'),
                leading: const Icon(Icons.info_outline), // 可选：添加leading让布局更完整
              ),
            ),
          ],
        ),
      ),
    ],
  ),
);

关键修改说明 #

1. 修正Image.asset的拼写错误，添加fit: BoxFit.cover确保图片适配容器尺寸
2. 用Positioned直接定位白色容器，设置left:0, right:0, bottom:0让它从top170的位置开始铺满整个下方区域
3. 给ListTile的父Positioned设置right:8，让它拥有足够的宽度，ListTile就能正常展示默认排版
4. 简化布局嵌套，去掉不必要的Column包裹，直接让ListTile作为Positioned的子组件

这样调整后，你的布局应该就能正常显示了：图片在最底层，白色圆角容器从170px高度开始覆盖下方，ListTile清晰显示在白色容器上方。

内容的提问来源于stack exchange，提问作者dipgirl