Flutter小技巧1 - 实现多彩字符串

记录一下在使用Flutter开发过程中遇到的一些问题和技巧

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 条评论) “”
   
验证码:

相关文章

推荐文章