Flutter中ListTile显示异常：Tile颜色被Logo遮挡

1. 检查Stack子组件的顺序
   Stack的渲染逻辑是先添加的组件在底层，后添加的在上层。如果ListTile的背景被Logo遮挡，大概率是Logo组件在Stack的children列表里排在了ListTile之后。调整顺序，把Logo放在ListTile前面：

Stack(
  children: [
    // 底层元素：Logo
    YourLogoWidget(),
    // 上层元素：ListTile
    ListTile(
      tileColor: Colors.blue,
      title: Text("测试文本"),
    ),
  ],
)

2. 确认ListTile的tileColor属性正确设置
   检查是否给ListTile明确设置了tileColor，如果该属性未设置或设为透明色，会出现背景“消失”、透出底层Logo的视觉效果。

3. 移除Stack内ListTile的Expanded包裹
   Expanded是Flex布局（Row/Column）的适配组件，用在Stack中会导致布局异常，直接去掉即可。

4. 用Positioned控制ListTile位置（按需）
   如果需要固定ListTile的显示位置，用Positioned包裹替代Expanded，示例：

Stack(
  children: [
    YourLogoWidget(),
    Positioned(
      top: 20,
      left: 20,
      right: 20,
      child: ListTile(
        tileColor: Colors.white,
        title: Text("测试文本"),
      ),
    ),
  ],
)

5. 排查父容器的遮挡问题
   检查ListTile的父容器是否设置了opacity或半透明背景，这类属性会让底层Logo透出，导致ListTile背景看起来在后方。

从你描述的现象（文字正常显示、背景在Logo后）来看，最可能的原因是Stack子组件顺序颠倒，调整Logo和ListTile的顺序即可解决问题。

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