Flutter：设置SliverAppBar背景为白色未生效，如何解决？

针对你遇到的情况，结合提供的代码，以下是几个可行的解决方向：

1. 直接修改图标颜色（如果目标是图标） #

如果截图里要改的是左右两个图标颜色，直接给Icon组件加上color属性即可：

leading: IconButton(
  onPressed: () {}, 
  icon: const Icon(Icons.ac_unit_rounded, color: Colors.white,)
),
actions: [
  IconButton(
    onPressed: () {}, 
    icon: const Icon(Icons.ac_unit_rounded, color: Colors.white,)
  )
],

2. 处理FlexibleSpaceBar的背景过渡色 #

如果是滚动时AppBar与背景图片衔接的渐变区域颜色不对，用Stack给背景图片叠加白色层，或者调整collapseMode取消默认渐变：

flexibleSpace: FlexibleSpaceBar(
  collapseMode: CollapseMode.pin, // 固定背景，取消过渡渐变效果
  title: Container(width: 250, height: 25, decoration: BoxDecoration(color: Colors.lightGreen),),
  centerTitle: true,
  stretchModes: const <StretchMode>[StretchMode.zoomBackground],
  background: Stack(
    fit: StackFit.expand,
    children: [
      const Image(image: AssetImage('assets/images/nuriskin.png'), fit: BoxFit.cover),
      // 按需添加白色覆盖层，可调整透明度适配需求
      // Container(color: Colors.white.withOpacity(0.5)),
    ],
  ),
),

3. 修正主题的表面色调配置 #

之前修改主题无效，可能是没命中正确的主题属性。如果目标是滚动时AppBar的表面阴影/色调，在主题里配置：

ThemeData(
  appBarTheme: AppBarTheme(
    surfaceTintColor: Colors.white, // 覆盖滚动时的表面色调
    scrolledUnderElevation: 0, // 不需要阴影的话设置为0
  ),
)

4. 调整状态栏颜色（如果目标是状态栏） #

要是顶部状态栏的背景或图标颜色不符合预期，给SliverAppBar添加systemOverlayStyle配置：

SliverAppBar(
  systemOverlayStyle: SystemUiOverlayStyle(
    statusBarColor: Colors.white, // 将状态栏背景设为白色
    statusBarIconBrightness: Brightness.dark, // 图标用深色适配白色背景
  ),
  // 其他原有代码...
)

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