AnimatedOpacity

AnimatedOpacity 是一个可以控制透明度动画的小部件,它可以让子部件在透明度改变时进行过渡动画。通过设置 opacity 属性来控制透明度的变化,从而实现动画效果。

用法

AnimatedOpacity(
  duration: Duration(seconds: 1),
  opacity: _isVisible ? 1.0 : 0.0,
  child: Container(
    width: 200.0,
    height: 200.0,
    color: Colors.blue,
  ),
)

在上面的例子中,当 _isVisible 的值为 true 时,容器会显示出来并且带有一个透明度改变的动画效果。当 _isVisible 的值为 false 时,容器会逐渐消失。

属性

  • duration: 动画持续时间
  • opacity: 设置子部件的透明度值,范围从0.0到1.0
  • child: 要应用动画效果的子部件

通过使用 AnimatedOpacity 小部件,我们可以轻松地实现透明度动画,并且为应用程序增添更加生动和吸引人的视觉效果。