Flutter如何修改ListTile颜色？tileColor设置无效问题求助

你的ListTile设置tileColor后未生效，可从以下几个方向排查解决：

• 文字颜色与tileColor冲突造成视觉误导
  你设置了tileColor: Colors.black，但默认Text的颜色也是黑色，两者叠加后文字几乎不可见，容易让你误以为背景没变黑。解决时给Text设置浅色字体即可：

  _buildRoutineTile() {
    return ListTile(
      title: Text('PLACE_HOLDER', style: TextStyle(color: Colors.white)),
      tileColor: Colors.black,
    );
  }
  

• ListView默认样式干扰ListTile背景渲染
  即使没有外层Container，ListView的默认布局逻辑也可能影响ListTile的背景显示。可以给ListTile包裹一层Container设置背景色，这种方式比tileColor更稳定，不受父组件样式影响：

  _buildRoutineTile() {
    return Container(
      color: Colors.black,
      child: ListTile(
        title: Text('PLACE_HOLDER', style: TextStyle(color: Colors.white)),
      ),
    );
  }
  

• 全局主题配置覆盖了单个ListTile的设置
  如果项目的ThemeData中配置了ListTileThemeData并指定了tileColor，会覆盖单个ListTile的属性。可以检查MaterialApp的主题配置，或者给ListTile单独设置theme属性覆盖全局配置：

  _buildRoutineTile(BuildContext context) {
    return Theme(
      data: Theme.of(context).copyWith(
        listTileTheme: ListTileThemeData(tileColor: Colors.black),
      ),
      child: ListTile(
        title: Text('PLACE_HOLDER', style: TextStyle(color: Colors.white)),
      ),
    );
  }
  

另外，无需用SingleChildScrollView嵌套ListView——ListView本身具备滚动能力，嵌套会导致滚动逻辑冲突，直接使用ListView.builder即可。

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