以泼墨的方式改变按钮的颜色。

Question

我想改变按钮在泼墨后的颜色。详细来说，我想让按钮的颜色和泼墨时的颜色一样，不同的是泼墨时的颜色实际上改变了按钮的颜色。

就像上面的gif图一样，当用户按下按钮时，按钮的颜色会因为泼墨而改变，但当用户停止按下按钮时，它就会恢复到正常的颜色。我知道，我可以只改变实际按钮的颜色，在 onPressed 方法，但这并不能给我带来我想要的飞溅的效果。一个例子可以是。

对我来说，这有点难以解释，现在我无法实际展示我的意思。欢迎评论进一步解释。

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