当前位置： 移动技术网 > IT编程>移动开发>Android > flutter 怎么实现app整体灰色效果

flutter 怎么实现app整体灰色效果

2020年06月23日  | 移动技术网IT编程  | 我要评论

伪清穿之宁悫妃,中国农业大学地址,中国的特产

flutter 是 google 开源的 ui 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、web、桌面和嵌入式平台。flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

举国哀悼, 进入各种大厂的app也可以看到主色都变成灰色的了

作为程序员我们肯定会想怎么可以实现的, 我简单研究了10分钟, flutter中只要在整体外面套一个shadermask, 然后修改blendmode即可

核心代码:

class myapp extends statelesswidget {
 // this widget is the root of your application.
 @override
 widget build(buildcontext context) {
  return shadermask(
   child: oktoast(
    child: materialapp(
     title: 'pick image demo',
     theme: themedata(
      primaryswatch: colors.lime,
     ),
     home: myhomepage(title: 'pick image demo'),
    ),
   ),
   shadercallback: (rect bounds) {
    return ui.gradient.linear(offset.zero,
      offset(bounds.width, bounds.height), [colors.grey, colors.grey]);
   },
   // blendmode: blendmode.dst,
   blendmode: blendmode.saturation,
  );
 }
}

在最外层套一个shadermask,
然后返回一个shader就可以了, 这里我用的是渐变的gradient ,还有别的方式可以用

效果:

之前:

[文件]

之后:

总结

到此这篇关于flutter 怎么实现app整体灰度效果的文章就介绍到这了,更多相关flutter app灰度内容请搜索移动技术网以前的文章或继续浏览下面的相关文章希望大家以后多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网