Flutter：具有渐变背景的 ElevatedButton

【问题标题】：Flutter: ElevatedButton with gradient backgroundFlutter：具有渐变背景的 ElevatedButton
【发布时间】：2021-05-28 07:59:15
【问题描述】：

使用已弃用的 RaisedButton 类，可以轻松地使用 decoration 属性为按钮创建渐变背景，并使用带有颜色数组的不同 Gradient 类。

但是，使用新的和改进的 (?) ElevatedButton 类，我就是不知道如何实现这一点。在线信息的每一点都指的是已弃用的用例，并且通过 API 文档挖掘我找不到与 decoration 等效的内容。

那么，有什么建议吗？

【问题讨论】：

标签： flutter dart material-design flutter-layout

【解决方案1】：

用GestureDetector包裹Container

GestureDetector 将为您提供onTap 功能。 Container 将提供 decoration

 @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onPressed,
      child: Container(
        decoration: BoxDecoration(
         // Decorate here
        ),
        child: Center(
          // Enter content here
        ),
      ),
    );
  }

【讨论】：

显然，新的 ElevatedButton 和 OutlinedButton 小部件不支持自定义图形和动画，因此唯一的选择是如上所述的“原版”。谢谢你的回答。