flutter Text文字颜色渐变

原创于 2025-10-21 15:12:00 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #javascript

文字渐变

_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),
        textAlign: TextAlign.center,
      ),
    );
  }

引用

_bigTextView() {
    return _gradientText(
        S.current.ATUISincerelyInvitesYouSettleIn,
         Alignment.topCenter, 
         Alignment.bottomCenter, [
      Color(0xFFFFFFF1),
      Color(0xFFFFFFF1),
      Color(0xFFFFEDBE),
      Color(0xFFFFEDBE)
    ]);
  }