Сдвиньте виджеты с экрана во флаттер

Question

В настоящее время у меня есть виджет, который имеет три элемента - две кнопки и текстовый ввод.В фокусе ввода текста я хотел бы сдвинуть кнопки с экрана и расширить ввод текста, чтобы занять оставшуюся ширину.

Существуют ли какие-либо компоненты флаттера (анимация или иное), которые я могу использовать для перемещения компонентов за пределы экрана и анимации расширения текстового поля?

Answer 1

В итоге я использовал виджет Animatable

https://flutter.io/docs/development/ui/animations/tutorial#simplifying-with-animatedwidget

И использовал комбинацию Stack (), где я бы анимировал закадровые элементы, чтобы иметь отрицательные смещения (через Positioned () потомков) на основе анимации и TextField внутри Expanded ()

edit

У меня больше нет доступа к компьютеру с исходным кодом, но вы должны быть в состоянии определить, каксоздайте такой виджет из галереи примеров Flutter https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/material/drawer_demo.dart (это то, как я смог научиться - в частности, посмотрите на анимацию предмета ящика).Я разместил текстовое поле и кнопки в одном стеке и одновременно анимировал размер текстового поля и положение кнопки