gpt4 book ai didi

flutter - 如何将渐变过滤器应用于图标?

转载 作者:行者123 更新时间:2023-12-03 02:44:38 44 4
gpt4 key购买 nike

我需要在我的 Icon 上添加渐变色.

我如何实现这一目标?

最佳答案

一种方法是使用 ShaderMask 小部件。如果你用这个包裹一个图标,你可以应用任何你喜欢的渐变:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: LinearGradientMask(
child: Icon(
Icons.book,
size: 250,
color: Colors.white,
),
),
),
),
);
}
}

class LinearGradientMask extends StatelessWidget {
LinearGradientMask({this.child});
final Widget child;

@override
Widget build(BuildContext context) {
return ShaderMask(
shaderCallback: (bounds) {
return RadialGradient(
center: Alignment.topLeft,
radius: 1,
colors: [Colors.blue, Colors.red],
tileMode: TileMode.mirror,
).createShader(bounds);
},
child: child,
);
}
}

给你类似的东西:

enter image description here

关于flutter - 如何将渐变过滤器应用于图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59038619/

44 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com