animation - 如何在 Flutter 中做缩放打开动画？

Question

我正在尝试在 flutter 中制作这个动画:

https://material.io/guidelines/motion/choreography.html#choreography-creation

我的问题是我完全不知道该怎么做。据我所知，flutter 中的小部件根本不知道它们的位置，也不知道位置或其他小部件。而且您无法在构建方法中访问 context.size。

我试着用英雄动画来做。或 ScaleTransition。但这绝对行不通。

Answer 1

您可以使用 showMenu在给定位置动态显示弹出菜单。考虑使用 PopupMenuButton ，这是一个 IconButton，当它被点击时会自动显示一个菜单。有一个 example在图库中。如果 showMenu 没有执行您想要的操作，您可以复制 popup_menu.dart 中的代码并对其进行自定义以制作您自己的版本。它使用 CustomSingleChildLayout 和 PopupRoute。

如果您只想将 Material 或 Card 绝对定位在其他元素之上，您可以给它一些高度并使用 Positioned 在 Stack 中。您可以使用 AnimatedSize 通过 Curve 调整元素的大小。这不会自动与 Android 上的后退按钮交互，所以如果你想要那样，你可能必须使用 addLocalHistoryEntry或 PopupRoute。