当前位置:   article > 正文

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

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

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

appbar背景色白色的bug

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

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

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

  1. theme: ThemeData(
  2. splashColor: Colors.transparent,
  3. highlightColor: Colors.transparent,
  4. //加入colorScheme既可以解决上面的问题
  5. colorScheme: const ColorScheme.light(
  6. primary: Colors.white,
  7. onPrimary: Colors.white,
  8. onBackground: Colors.white,
  9. secondary: Colors.white),
  10. ),
  11. debugShowCheckedModeBanner: false,
  12. title: "shop+demo",

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/546492
推荐阅读
相关标签
  

闽ICP备14008679号