【flutter text文本添加渐变色】

最新推荐文章于 2023-07-05 16:03:32 发布

小蜜蜂嗡嗡

最新推荐文章于 2023-07-05 16:03:32 发布

阅读量1.1k

点赞数

文章标签： flutter

本文链接：https://blog.csdn.net/androidhyf/article/details/131327352

版权

给text文本添加颜色渐变使用ShaderMask

_gradientText(text,Alignment begin,Alignment end,colors){
    return ShaderMask(
      shaderCallback: (rect) {
        return LinearGradient(
          begin: begin,
          end: end,
          colors: colors,
        ).createShader(rect);
      },
      child: Text(
        "$text",
        style: TextStyle(
            color: Colors.white, fontSize: 64.sp, fontWeight: FontWeight.bold),
      ),
    );
  }
//白色到淡黄色渐变：
_gradientText(
        'ATUI诚邀您的入驻', Alignment.topCenter, Alignment.bottomCenter, [
      Color(0xFFFFFFF1),
      Color(0xFFFFFFF1),
      Color(0xFFFFEDBE),
      Color(0xFFFFEDBE)
    ])
//半透明色度渐变
_gradientText(
         'ATUIATUI', Alignment.topCenter, Alignment.bottomCenter, [
         Color(0xFFE5E5E5),
         Color(0xFFF8F8F8),
            ])