Как я мог анимировать на другой экран, используя эффект расширения круга, подобный Материалу, с Flutter?

Question

Вот пример из макета, который я сделал для того, чего я пытаюсь достичь.

Сейчас в коде это 2 отдельных экрана, но они просто используют обычный встроенная анимация между экранами. С чего бы мне начать создавать анимацию, как в примере с макетом? Могу ли я использовать стек с кругом в качестве фона с тегом героя, а затем изменить его радиус? Как я могу гарантировать, что он будет заполнять размер любого экрана?

Спасибо!

Answer 1

Это довольно просто, вы можете сделать это на 1 странице, следуйте этому:

1. Слои виджета всплывающего меню полной страницы (скажем, виджеты на розовом) на странице 1 с Stack, скрыть при начальной.
2. Масштабирование анимации до верхнего левого круга при ее нажатии
3. Отображение скрытого виджета меню после анимации масштаба
4. Скрыть и повернуть анимацию масштаба при нажатии на кнопку закрытия или кнопка назад