Как создавать сложные пользовательские интерфейсы с виджетами стека?

Question

Для создания этого пользовательского интерфейса:

Я использовал Container, украшенный изображением, чей дочерний элемент - Column с четырьмя рядами , (Кнопки в нижней части экрана представляют собой две строки, изображения Queen и 5 - это строки, а все элементы в верхней части экрана являются потомками Row.

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

Я экспериментировал и узнал о неявной анимации (AnimatedPositioned и AnimatedContainer). Я могу сделать так, чтобы изображение казалось скользящим по желанию.

Я ищу руководство о том, как реструктурировать пользовательский интерфейс для моей желаемой цели. AnimatedPositioned или AnimatedContainer виджеты должны быть потомками Stack. Означает ли это, что мне нужно реструктурировать весь пользовательский интерфейс как дочерний элемент Stack?

Четыре кнопки в нижней половине экрана выглядят так, как будто они могут оставаться в виде двух строк, но для вставки изображений с карты, вся верхняя половина экрана должна стать Stack, , то есть , экран

Container()
  child: Column(
    children: [](
      Stack(),
      Row(),
      Row(),
    ),
  )

* 10 31 * Становится ли столбец содержимого в верхней левой части экрана позицией Column в верхнем левом секторе Stack? Это так работает? Я немного борюсь со всеми виджетами и вложенностью детей в детей в детей.