Flutter 文字渐变色

        目前在做的项目需要用到渐变文字的需求,但是都用图的话,会导致包很大,所以打算自己去写一个渐变。本次渐变用到的组件是ShaderMask这个组件来完成咱们的文字渐变色。

      代码实现(text里面的文字需要设置为白色字体)

ShaderMask(
                                           shaderCallback: (Rect bounds) {
                                          return const LinearGradient(
                                            begin: Alignment.centerLeft,
                                            end: Alignment.centerRight,
                                            colors: [ Color(0xFF6ffffd),Color(0xFFf8fec4)],).createShader(Offset.zero & bounds.size);
                                        },
                                        blendMode: BlendMode.srcATop,
                                        child: Text(
                                          "老板位",
                                          style: TextStyle(fontSize: ScreenUtil().setSp(19), color: const Color(0xffffffff),fontWeight: FontWeight.w700),
                                        ),
                                      )

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A HandSome Man

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值