目前在做的项目需要用到渐变文字的需求,但是都用图的话,会导致包很大,所以打算自己去写一个渐变。本次渐变用到的组件是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),
),
)