Flutter 是 Google 一个开源框架,用于构建漂亮的多平台应用程序。使用Flutter的现代、响应式框架,和一系列基础widget,可以轻松构建用户界面。
本文介绍如果实现一个渐变色的字符串,这对Flutter来说比较简单了。
渐变色效果的字符串
渐变色如何实现大家都知道的,使用LinearGradient就可以,那如何将色彩应用到字符串上呢?可以考虑使用ShaderMask。我们看一下ShaderMask的文章,使用ShaderMask可以让我们将Shader用于它的子控件上。
直接上代码吧:
ShaderMask( shaderCallback: (Rect bounds) { return const LinearGradient( colors: [ Colors.red, Colors.green, Colors.blue, ], ).createShader(bounds); }, child: const Text( 'Hello World. Welcome', style: TextStyle( color: Colors.white, fontSize: 28, fontWeight: FontWeight.bold, ), ), ),ShaderMask和Decoration类似,都是处于下层的,child 处于上层,也就是说,是我们的 child 盖住了 shader。 我们可以通过 blendMode 来控制他俩重叠部分的效果。
| 留言与评论(共有 0 条评论) “” |