Как сделать так, чтобы сложенные карты анимировались, чтобы идти друг за другом

#flutter #flutter-layout #flutter-animation #flutter-animatedlist

#flutter #flutter-макет #flutter-анимация #flutter-animatedlist

Вопрос:

Я пытаюсь создать просмотр страницы только с 2 элементами. Но я хочу видеть карту за первой. И когда проведите пальцем вправо, я хочу, чтобы он анимировался сзади, а задняя карта анимировалась спереди. введите описание изображения здесь

Я нашел похожее решение, но не совсем его, Flutter Swiper. Это позволяет мне видеть карту позади, однако ее не так много, как я хочу, и она не анимируется сзади, вместо этого она просто исчезает справа. Кроме того, я хочу сделать его «всплывающим» справа, а не слева.

введите описание изображения здесь

Любая помощь была бы полезна, чтобы указать мне направление. Спасибо.

Ответ №1:

Просто измените порядок дочерних Stack элементов, когда это необходимо:

 
var children = <Widget>[Widget1(), Widget2()];
Stack(
  children: children,
)
 

когда Widget2() позиция анимирована до края:

 setState((){
  children = <Widget>[Widget2(), Widget1()];
});
 

Комментарии:

1. Как бы я сделал это анимированным для краевой части?

2. Использовать Positioned() виджет