【flutter text文本添加渐变色】

2023-11-06

给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),
            ])


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

【flutter text文本添加渐变色】 的相关文章

随机推荐