flutter - 如何在 Flutter 中为 RaisedButton 的颜色设置动画？

Question

我有一个 RaisedButton。每当用户点击它时，我想动画它的颜色从绿色到红色，反之亦然。

如何做到这一点？

Answer 1

您可以使用 AnimatedContainer 作为 raiseButton 的 child 。当颜色改变时，它会动画化!

RaisedButton(
        onPressed: null,
        padding: EdgeInsets.all(0),
        child: AnimatedContainer(
          color: pageIndex == 1 ? Color(0xFF4B4B4B) : Color(0xFFD8D8D8),
          duration: Duration(milliseconds: 300),
        ),
      )

它只是一个容器，所以它可以像子文本一样..