You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中NavigationBar设白色背景显浅灰,深色正常,求原因?

Flutter NavigationBar白色背景显示异常的解决办法

你遇到的问题根源是颜色值格式错误:
你写的Color(0xFFFFFFFFFF)是无效的十六进制颜色值,Flutter中Color的十六进制格式仅支持8位(ARGB,前两位为透明度)或6位(RGB),10位的数值会被Flutter错误解析,最终 fallback 到默认的浅灰色背景。

而设置Colors.black时正常,是因为这是Flutter预定义的有效颜色常量,不存在格式问题。

修复方案很简单,二选一即可:

  1. 使用Flutter内置的白色常量:
NavigationBar(
  backgroundColor: Colors.white,
)
  1. 使用标准的8位十六进制格式(FF代表完全不透明):
NavigationBar(
  backgroundColor: Color(0xFFFFFFFF),
)

内容的提问来源于stack exchange,提问作者Elena Epshtein

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 23:07:05