我如何才能用一种颜色为我的CircleAvatar一半上色，而另一种则用另一种颜色上色
什里扬什·夏尔马
我想将“圆形头像”的一半着色为深蓝色，另一半着色为浅蓝色。我的意思是一半。我该如何实现？
就像他们一样 -
我试过了，但没有成功-
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color(0xFF040663),
Color(0xFF434599),
],
),
),
child: CircleAvatar(
backgroundColor: Colors.transparent,
radius: MediaQuery.of(context).size.height*0.045,
child: Icon(
icon,
size: size,
color: Colors.white,
),
),
),
有人可以告诉我如何编辑此代码，或告诉我实现此目标的新方法吗？
阿弗里迪·凯亚尔（Afridi Kayal）
你快到了。您需要在渐变中重复一种颜色，并使用Stops属性获得清晰的渐变。
return Container(
padding: const EdgeInsets.all(8.0),
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Colors.purple,
Colors.purple,
Colors.blue,
],
stops: [
0, 0.5, 0.5
]
),
),
child: Icon(
Icons.camera,
size: 32,
color: Colors.white,
),
);
结果如下：
有关更多信息，请参阅Stops属性文档：https : //api.flutter.dev/flutter/painting/Gradient/stops.html
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Sass @for循环-从一种颜色到另一种颜色
- 2
Android：如何创建带有一半颜色和另一种颜色的文本的加载栏
- 3
您可以在15x15的网格中用一种颜色为另一种文本视图上色吗？
- 4
背景颜色一种颜色为50％，另一种颜色为50％
- 5
背景颜色一种颜色为50％，另一种颜色为50％
- 6
如何检查按钮颜色从一种颜色更改为另一种颜色
- 7
附加到另一种颜色的li
- 8
文本从一种颜色闪烁到另一种CSS或jQuery
- 9
条形图有多种颜色，一种在另一种之上
- 10
从一种颜色到另一种百分比
- 11
将背景颜色淡化为另一种颜色的另一种方法
- 12
Arduino功能可将RGB从一种颜色淡入另一种颜色
- 13
css list li点一种颜色，文本另一种颜色（仅CSS）
- 14
用另一种颜色Matlab替换图像中的某种颜色
- 15
如何在BufferedImage中用另一种颜色替换颜色
- 16
如何知道颜色是否“触摸”另一种颜色
- 17
如何使用 GraphicsMagick Nodejs 用另一种颜色替换颜色
- 18
使用CSS填充背景-两种不同的颜色，一种与另一种颜色重叠
- 19
如何组合颜色，就像将一种颜色绘制到另一种颜色上一样？
- 20
如何为每条线涂另一种颜色？
- 21
如何在下面的属性中设置另一种颜色？
- 22
如何将布局按钮设计成一半一种颜色，另一半
- 23
如何在Javascript中按百分比使一种颜色与另一种颜色相似
- 24
jQuery选项卡闪烁颜色并淡入另一种颜色
- 25
算法-颜色被矩阵中的另一种颜色包围
- 26
随机生成与另一种颜色相似的颜色
- 27
条形图有多种颜色，一种可以在另一种之上快速移动
- 28
确定HSL变化以变换另一种颜色
- 29
iOS：将UIImage中的黑色更改为另一种颜色
我来说两句