Flutter Widgets 之 ShaderMask

ShaderMask可以让我们将Shader用于任何一个控件上，比如在Text上使用渐变就可以使用ShaderMask来实现：

ShaderMask( shaderCallback: (Rect bounds) { return RadialGradient( center: Alignment.topLeft, radius: 1.0, colors: <Color>[Colors.yellow, Colors.deepOrange], tileMode: TileMode.mirror, ).createShader(bounds); }, blendMode: BlendMode.srcATop, child: Text('老孟，一枚有态度的程序员',style: TextStyle(fontSize: 30),), )

效果：

shaderCallback 需要返回一个Shader对象，可以通过渐变相关类直接生成Shader：

RadialGradient(...).createShader(rect)

blendMode属性是融合方式，child是目标图像(dst),Shader是源图像(src)，融合方式介绍：

• 英文官方介绍
• 中文 不错的翻译

更多相关阅读：

• Flutter系列文章总览
• Flutter Widgets 之 Expanded和Flexible
• Flutter Widgets 之 AnimatedList
• Flutter Widgets 之 SliverAppBar

如果这篇文章有帮助到您，希望您来个“赞”并关注我的公众号，非常谢谢。