我不想只为我的应用程序中的一个图标添加任何插件,但我需要两种色调,因为背景颜色会变化,我不知道什么时候会变暗,什么时候会变亮。
我的意思是像这样的图标 - https://material.io/tools/icons/?style=twotone其中图标具有不同颜色的边框。
最佳答案
如果我正确理解了您的问题,这里是两个色调 Icon
和 Text
的示例。
您可以根据需要调整颜色、半径和其他参数。
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
ShaderMask(
blendMode: BlendMode.srcATop,
shaderCallback: (Rect bounds) {
return RadialGradient(
center: Alignment.topLeft,
radius: 1.0,
colors: <Color>[Colors.red, Colors.cyanAccent],
tileMode: TileMode.mirror,
).createShader(bounds);
},
child: Text(
'Two Tone Color Icon & Text!',
style: TextStyle(fontSize: 22.0),
),
),
SizedBox(
height: 10.0,
),
ShaderMask(
blendMode: BlendMode.srcATop,
shaderCallback: (Rect bounds) {
return RadialGradient(
center: Alignment.center,
radius: 1.0,
colors: <Color>[
Colors.greenAccent[200],
Colors.blueAccent[200]
],
tileMode: TileMode.repeated,
).createShader(bounds);
},
child: Icon(
Icons.dashboard,
size: 32.0,
),
),
],
),
),
关于flutter - 如何在不使用任何插件的情况下添加 2 个音调图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54087139/