Advertisement

Flutter修复并解决AppBar背景色为白色带滚动时不生效的问题

阅读量:

作为一个刚接触Flutter的小白来说,在模仿小米商城手机APP首页界面的时候遇到了一个令人困惑的问题。具体来说是想设置AppBar(AppBar)的背景颜色,在手机屏幕首屏区域进行竖直方向滑动操作时尝试将背景颜色设为白色时却无法生效——应用后显示的颜色并非预期中的浅灰色。而如果将背景颜色设为其他深色则没有问题。目前使用的Flutter版本是3.16.8。

appbar背景色白色的bug

复制代码
 AppBar(

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

认真审视发现,在SharedPreferences中保存AppBar背景色时,默认情况下若背景色未设置透明度,则纯白色显示可能会出现意外变化;即便没有引入渐变透明度的功能进行处理,在某些动态操作场景下仍会出现颜色偏移现象;如果尝试更换背景色至绿色、红色或其他类似色调,则在部分测试案例中表现良好;但这种现象背后究竟隐藏着什么问题

全部评论 (0)

还没有任何评论哟~