Flutter ListView内Card圆角不生效、elevation阴影失效问题咨询

• Card放在ListView内部完全不是问题诱因，当前的圆角失效、阴影不显示，和列表组件没有任何关联。
• 核心问题出在Card的直接子元素Container的属性设置上：你给Container直接绑定了color: Colors.white，这个直角的不透明白色容器，尺寸和Card完全匹配，直接把Card本身渲染的圆角轮廓、阴影效果全部遮挡住了——相当于在带圆角的磨砂投影板前面，贴了一张大小刚好的直角白纸，自然看不到后面的圆角和投影。

• 删掉内层Container上的color: Colors.white，把这个白色背景值挪到Card自身的color参数上。Card本身会按照你设置的shape圆角规则，自动裁剪内部所有内容、渲染对应参数的elevation阴影，不需要内层容器帮忙设置背景。
• 不要随意修改Card默认的clipBehavior参数，默认的裁剪逻辑会自动让内部内容适配shape的圆角边界，错误的裁剪配置会直接导致内容溢出遮挡阴影。
• 如果确实需要给内层Container做自定义背景装饰，要么在Container的decoration里同步配置和Card shape完全一致的圆角半径，要么给Container外层套ClipRRect组件，设置相同的圆角值，避免内部内容溢出圆角边界。
• 如果修改后阴影效果偏弱，不用调整代码参数，大概率是当前页面主题默认降低了Card阴影的透明度，或是Scaffold的背景色和阴影色的对比度太低，视觉上不明显而已。

Card(
  margin: EdgeInsets.all(10),
  elevation: 8.0,
  color: Colors.white, // 原Container的白色背景迁移到Card上
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(24),
  ),
  child: Container(
    // 移除此处的color: Colors.white配置
    height: 120,
    // 保留其余原有子组件逻辑即可
  ),
)

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