Flutter颜色设置异常：黑色/灰色等颜色无法正常显示求助

问题原因 #

这是Flutter Hot Reload的缓存机制特性：纯黑、纯白、灰色这类无Alpha通道的灰度颜色，会被Flutter渲染层或主题模块特殊缓存，Hot Reload时无法正确触发缓存更新，导致显示异常。而红绿蓝这类彩色带有明确的色彩通道，缓存逻辑不同，因此能正常刷新。

解决方案 #

1. 临时应急：用Hot Restart替代Hot Reload #

修改灰度背景色后，点击IDE的Hot Restart按钮（不是Hot Reload），完全重启应用即可清空缓存，颜色会正常显示。

2. 永久规避：给灰度颜色添加微小透明度 #

给黑、白、灰颜色加上极淡的透明度，让其脱离纯灰度无透明通道的缓存逻辑，Hot Reload就能正确识别：

// 原异常代码
backgroundColor: Colors.black,

// 修改后正常代码
backgroundColor: Colors.black.withOpacity(0.999),
// 或用十六进制带透明度写法
backgroundColor: const Color(0xFE000000),

3. 排查主题冲突 #

如果应用自定义了ThemeData，检查scaffoldBackgroundColor等主题颜色是否和你设置的背景色冲突。可以临时注释主题配置，验证是否是主题导致的异常。

验证方式 #

1. 将背景色改为带微小透明度的灰度值
2. 触发Hot Reload，观察背景色是否正常显示
3. 若仍有问题，执行Hot Restart彻底重置应用状态

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