以墨水飞溅的方式更改按钮的颜色答案

【问题标题】：Change color of button in a ink splash manner以墨水飞溅的方式更改按钮的颜色
【发布时间】：2020-06-14 10:39:58
【问题描述】：

我想在墨水飞溅后更改按钮的颜色。详细说明一下，我希望按钮的颜色改变它在墨水飞溅中的作用方式，墨水飞溅颜色的差异实际上会改变按钮的颜色。

就像上面的 gif 一样，当用户按下按钮时，由于墨水飞溅，按钮的颜色会发生变化，但当用户停止按下按钮时，它会恢复到正常颜色。我知道我可以在onPressed 方法中更改实际按钮的颜色，但这并没有给我想要的飞溅效果。一个例子可能是：

我有点难以解释，因为我无法真正表达我的意思。随时发表评论以获得进一步的解释。

【问题讨论】：

【解决方案1】：

我一般使用平面按钮来实现这种高亮颜色效果：

FlatButton(
  onPressed: onPressed,
  highlightColor: Colors.blue.shade300, // your highlight color here
  color: Colors.blue, // normal button color here
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
  padding: const EdgeInsets.symmetric(vertical: 15),
  child: child
),

【讨论】：

我希望颜色以飞溅颜色的方式改变（并保持改变）。当用户按下按钮时颜色临时改变的方式。
这就是代码在用户点击按钮时所做的事情，它会将颜色更改为highlightColor，并且在第二个 gif 中恢复正常时