淡入/淡出 FloatingActionButton？

【问题标题】：Fade in/out FloatingActionButton?淡入/淡出 FloatingActionButton？
【发布时间】：2020-03-28 06:36:59
【问题描述】：

有没有办法让浮动操作按钮慢慢淡入淡出？我的列表中有一个 FAB，可以为用户提供一种快速滚动到列表顶部的方法。

到目前为止，我已经在各种帖子中找到了如何检测列表何时滚动到顶部或远离顶部 (https://medium.com/@diegoveloper/flutter-lets-know-the-scrollcontroller-and-scrollnotification-652b2685a4ac)，但我找不到如何更改小部件的 alpha 值。知道如何解决这个问题吗？

谢谢马丁

【问题讨论】：

AnimatedOpacity 小部件是您所需要的。如果您需要帮助，请发表评论。

标签： flutter dart

【解决方案1】：

这个例子来自 Flutter 开发页面：使用 AnimatedOpacity，您可以淡化任何小部件。只需将您的浮动操作按钮设置为 AnimatedOpacity 的子项。举个例子：

AnimatedOpacity(
  // If the widget is visible, animate to 0.0 (invisible).
  // If the widget is hidden, animate to 1.0 (fully visible).
  opacity: _visible ? 1.0 : 0.0,
  duration: Duration(milliseconds: 500),
  // The green box must be a child of the AnimatedOpacity widget.
  child: Container(
    width: 200.0,
    height: 200.0,
    color: Colors.green,
  ),
);

您可以在此处找到更多信息和完整代码：https://flutter.dev/docs/cookbook/animation/opacity-animation

【讨论】：