flutter-解决AppBar背景色为白色带滚动时不生效的bug

作为初学flutter的小白来说,今天在模仿小米商城app的首页appbar的时候,遇到一个奇怪的问题,就是修改AppBar的backgroundColor,在首页上拉滚动时,设置的白色背景色不生效,背景色变成不是淡灰色,其他深色不影响,唯独白色不行,flutter版本:3.16.8

appbar背景色白色的bug

AppBar(
...
//barOpacity是一个0~1.0的透明度的变量,视频中确实到了1的,不用怀疑
backgroundColor: Colors.white.withOpacity(controller.barOpacity.value), 
elevation: 0,
...)

仔细观察,AppBar的背景色一旦设置为白色且无透明度,下拉的时候就会把白色变成浅灰色,即使不加入渐变透明度的逻辑,固定写死也没用,但是改成其他颜色如绿色红色什么的,又好像没问题,到底是什么问题呢?

这让我不得不怀疑这个是不是受到主题风格的影响,于是我搞老搞去,修改了ThemeData,一脸懵逼就把问题解决了,如下代码:

  theme: ThemeData(
            splashColor: Colors.transparent,
            highlightColor: Colors.transparent,
            //加入colorScheme既可以解决上面的问题
            colorScheme: const ColorScheme.light(
                primary: Colors.white,
                onPrimary: Colors.white,
                onBackground: Colors.white,
                secondary: Colors.white),
          ),
          debugShowCheckedModeBanner: false,
          title: "shop+demo",

如果对你有用,点个赞支持下吧

如果你还有更深的理解,也请回复下你的理解。

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-29 19:10:07       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-29 19:10:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-29 19:10:07       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-29 19:10:07       20 阅读

热门阅读

  1. 【模板】最近公共祖先(LCA)

    2024-04-29 19:10:07       13 阅读
  2. 逻辑填空。

    2024-04-29 19:10:07       11 阅读
  3. 【星海出品】前端和后端交互的python EEL小技巧

    2024-04-29 19:10:07       13 阅读
  4. centos学习-掌握核心命令之-yum

    2024-04-29 19:10:07       13 阅读
  5. 【二叉树算法题记录】101. 对称二叉树

    2024-04-29 19:10:07       10 阅读
  6. 【Docker】常见命令汇总

    2024-04-29 19:10:07       14 阅读