Flutter 如何制作径向渐变浮动动作按钮
有没有办法将浮动动作按钮的颜色设置为颤振中的径向渐变?如下所示:Flutter 如何制作径向渐变浮动动作按钮,flutter,flutter-layout,Flutter,Flutter Layout,有没有办法将浮动动作按钮的颜色设置为颤振中的径向渐变?如下所示: 将容器设置为该晶圆厂的子级,并为容器指定渐变 FloatingActionButton( onPressed: () {}, tooltip: 'Cool FAB', child: Container( decoration: BoxDecoration( shape: BoxShape.circle, gradient: RadialGradient(
将容器设置为该晶圆厂的子级,并为容器指定渐变
FloatingActionButton(
onPressed: () {},
tooltip: 'Cool FAB',
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
center: const Alignment(0.0, 0.0),
radius: 0.5,
colors: [ Color(0xFF0187D0), Color(0xFF01579C),],
),
),
),
),
它看起来像:
编辑:
要添加图标,您必须为容器指定一个大小,并将图标设置为子图标(我使用的是FAB默认大小56x56)
现在它看起来像:
对不起,我没有问我想要的全部。我想一个图标,但在你的代码中,当我添加图标的梯度将无法再工作,因为图标的背景。我编辑了问题,如果你也编辑答案,我将不胜感激:(.谢谢@Taba更新,请再次检查你是很棒的朋友。tnx。
FloatingActionButton(
onPressed: () {},
tooltip: 'Cool FAB',
child: Container(
width: 56,
height: 56,
child: Icon(Icons.settings),
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: RadialGradient(
center: const Alignment(0.0, 0.0),
radius: 0.5,
colors: [ Color(0xFF0187D0), Color(0xFF01579C),],
),
),
),
),