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),],
         ),
      ),
   ),
),