ListView滚动时ListTile内容隐藏但RoundedRectangleBorder形状未隐藏求助

这个问题大概率是ListTile的shape绘制层级和内部内容不一致导致的——ListTile自带的shape是在组件前景层绘制的，而内部内容属于子组件，滚动时内容跟随列表滚动，但shape因绘制层级问题没同步；另外外层的Center组件也可能干扰了ListView的布局计算，导致内容渲染范围出错。

给你几个实测有效的解决方法：

• 移除外层的Center组件：你的层级里Expanded被Center包裹，这会让ListView的布局约束出现异常，滚动时内容的渲染范围计算错误。直接删掉Center，让Expanded直接作为Column的子组件，很多时候就能解决问题。

• 替换ListTile的shape实现方式：放弃使用ListTile自带的shape参数，改用Container包裹ListTile，通过Container的decoration实现圆角边框，这样边框和内容属于同一个容器，会同步滚动：

// 替换原来的ListTile写法
Container(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(12), // 自定义圆角大小
    color: Colors.white, // 必须设置背景色，避免透显下层内容
  ),
  margin: EdgeInsets.symmetric(horizontal: 16, vertical: 4), // 可替代ListView.separated的分隔效果，也可保留separated
  child: ListTile(
    title: Text("你的列表项内容"),
    subtitle: Text("副标题"),
    // 不再设置shape参数
  ),
)

如果还要保留ListView.separated的分隔线，只需调整Container的margin，或者把分隔线逻辑整合到Container的decoration中。

• 检查ListView的clipBehavior：如果上面的方法没用，试试给ListView设置clipBehavior: Clip.hardEdge（默认值），或者改成Clip.none，确保滚动时内容和装饰的裁剪逻辑一致。

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