Анимация изменений макета при флаттере

Я создал форму во флаттере, и я хочу скрыть некоторые компоненты с помощью плавной анимации сжатия или расширения макета, аналогичной LinearLayout, когда для параметра animatelayoutchanges установлено значение true.

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

animatelayoutchanges


person Bikram gurung    schedule 19.07.2020    source источник
comment
Можете ли вы поделиться своими выводами по этому вопросу? Как вы думаете, достаточно ли вы искали это решение? поделитесь, пожалуйста, что вы пробовали и каковы результаты   -  person Hanzla Habib    schedule 19.07.2020
comment
Единственное подобное решение, которое я нашел, - это AnimatedContainer, но он все равно оставляет границу даже после того, как его высота равна 0.   -  person Bikram gurung    schedule 19.07.2020


Ответы (1)


проверьте AnimatedContainer: https://api.flutter.dev/flutter/widgets/AnimatedContainer-class.html

установить высоту для animatelayoutchanges false 0 иначе указать высоту, которую вы хотите

AnimatedContainer(
height: animatelayoutchanges ? 300 : 0,
duration: Duration(seconds: 1)
)
person najdat Akkad    schedule 19.07.2020
comment
Анимация медленная, и она также оставляет строку, которую я не хочу. Есть ли способ полностью скрыть это? - person Bikram gurung; 19.07.2020
comment
1- Анимация будет быстрее на APK. 2- сделать цвет прозрачным, если animatelayoutchanges ложно - person najdat Akkad; 21.07.2020