Material(
child: ShaderMask(
shaderCallback: (Rect bounds) {
return LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [ Color(0xfff8b655),Color(0xffffedb7)],).createShader(Offset.zero & bounds.size);
},
blendMode: BlendMode.srcATop,
child: Container(
margin: EdgeInsets.only(bottom: sizeModel.size14),
alignment: Alignment.centerLeft,
child: Text(
"渐变文字",
style: TextStyle(fontSize: 19, color: Color(0xffffffff),fontWeight: FontWeight.w700),
),
),
),
),
flutter 渐变文字的实现
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1. CSS 实现文字阴影 通过text-shadow属性可以为文字设置阴影 效果如下: 2. CSS实现文字阴影...
- 欢迎大家又来到咱们的PPT图文教程分享的时刻,我是大家的分享者:燕燕 首先我们来看看今天要学习的内容效果图:本节课...