如何创建带有彩色阴影的渐变按钮

Question

我有点喜欢Flutter，现在我想通过为任何应用程序创建不同的UI样式来学习它。但是我在设计按钮时遇到了一个问题。

我想做什么：

我尝试的内容：

• 使用GradientButton：

  • 我无法将圆角更改为不是圆角。
  • 我无法根据文本大小动态更改按钮的大小
  • 我无法更改盒子的阴影

• 结合使用 RaisedButton 和容器：

  • 如果我点击该按钮，将显示一个被单击的灰色框，但是此框的尺寸或形状不会与该框相同，因此看起来会很奇怪。
• 结合使用 InkWell 和容器：
  • 我不太确定，但是我不能那样做点击动画，就像我什么也没按下一样，即使动作正在发生。

如果您确实知道如何保存此按钮，请告诉我，至少就目前而言，这是我见过的最复杂的按钮。

Answer 1

在github上查看源代码 https://github.com/bluemix/Gradient-Widgets/blob/master/lib/src/gradient_button.dart

Answer 2

您可以使用 Container 自定义按钮渐变并将 GestureDetector 或 InkWell 添加到 onTap 句柄操作。
GestureDetector 将无效。 InkWell 会生效。