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

本文主要是介绍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",

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

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

这篇关于flutter-解决AppBar背景色为白色带滚动时不生效的bug的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！