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

更新时间：2020年04月09日 09:51:41 作者：做人要简单

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。这篇文章给大家介绍flutter 怎么实现app整体灰色效果，感兴趣的朋友一起看看吧

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灰度内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Android实现缓存大图到SD卡
这篇文章主要为大家详细介绍了Android实现缓存大图到SD卡，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
Android控件Tween动画(补间动画)实现方法示例
这篇文章主要介绍了Android控件Tween动画(补间动画)实现方法,结合具体实例形式分析了Android补间动画的原理、功能实现与布局相关操作技巧,需要的朋友可以参考下
2017-08-08
Android自定义控件样式实例详解
这篇文章主要介绍了Android自定义控件样式的方法,结合实例形式分析说明了常见样式的含义与使用方法,需要的朋友可以参考下
2016-01-01
Android实现简洁的APP更新dialog数字进度条
这篇文章主要为大家详细介绍了Android实现简洁的APP更新dialog数字进度条，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
Android仿微信单击拍照长按录像功能实例代码
这篇文章主要介绍了Android仿微信单击拍照长按录像功能实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-04-04
Android8.0适配前台定位服务service的示例代码
这篇文章主要介绍了Android8.0适配前台定位服务service的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
Kotlin注解与反射的定义及创建使用详解
这篇文章主要为大家介绍了Kotlin注解与反射的定义及使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
轻松实现Rxjava定时器功能
这篇文章主要为大家详细介绍了Rxjava实现定时器功能的两种方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-06-06
Android开发控制ScrollView滑动速度的方法
这篇文章主要介绍了Android开发控制ScrollView滑动速度的方法,结合实例形式分析了Android编程中ScrollView滑动事件相关操作技巧,需要的朋友可以参考下
2017-02-02
Android小程序实现访问联系人
这篇文章主要为大家详细介绍了Android小程序实现访问联系人，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一
2020-05-05