如何通过使用Flutter的类似Material的圆圈展开效果，动画到另一个屏幕？

Question

这是我做的一个模拟图中的一个例子，我正在努力实现。

现在在代码中，这是2个独立的屏幕，但它们只是在屏幕之间使用常规的内置动画。我应该从哪里开始实现像模拟例子那样的动画呢？我是否可以使用一个堆栈，它的背景是一个圆形，有一个英雄标签，然后改变它的半径？我怎样才能保证它能填满任何屏幕的大小？

谢谢您

Answer 1

很简单，你可以在1个页面中完成，按照这个来做。

1. 将一个全页面的弹出式菜单小部件(比方说粉色的小部件)用堆栈叠加在第1页上，初始时隐藏它。
2. 当按下它时，将动画缩放到左上角的圆圈。
3. 缩放动画后显示隐藏的菜单小部件
4. 当按下关闭或后退按钮时，隐藏和反转比例动画。