升级Flutter到2.5.0-5.2.pre后ListTile的tileColor与selectedTileColor失效
问题根因
- 你使用的Flutter 2.5.0-5.2.pre beta版本存在ListTile组件的官方回归bug:该版本在优化ListTile渲染逻辑时,漏写了tileColor、selectedTileColor属性的渲染分支,导致赋值后无法正常生效。你提供的两段测试代码语法完全合规,该问题和本地开发环境配置无关。
- 次要排查点:若ListTile外层未包裹
Material类型父组件,也会导致颜色属性无法渲染,你可以先加一层Material组件验证,如果依然不生效即可完全确定是版本bug导致。
解决方案
- 方案1:切换Flutter版本。可以降级到2.2.3稳定版,或者升级到2.5.0正式版及之后的所有版本,该bug在后续版本中已经被官方修复。
- 方案2:不切换版本的临时适配。用
Container包裹ListTile,通过Container的color属性实现背景色效果,适配代码示例:
bool isSelected = true; Container( // 对应原来的selectedTileColor和tileColor逻辑 color: isSelected ? Colors.red : Colors.green, child: ListTile( selected: isSelected, title: Text('Hello friends'), ), )
内容的提问来源于stack exchange,提问作者Kamlesh
相关产品推荐
相关产品推荐

