如何使用Stack小部件创建复杂的UI？

Question

要创建此UI，请执行以下操作：

我使用了一个用图片装饰的Container，它的子对象是一个四行的Column。 （屏幕底部的按钮是两行，女王和5张图像是一行，屏幕顶部的所有内容都是Row的子元素。

现在，随着游戏的进行，扑克牌图像（Containers）将发生静态变化。我想更改UI，以便图像容器从屏幕的右上角滑入，就像它们在被处理一样。

我已经尝试并了解了隐式动画（AnimatedPositioned和AnimatedContainer）。我可以使图像看起来像是按需滑动。

我正在寻找有关如何为期望的目标重组UI的指南。 AnimatedPositioned或AnimatedContainer小部件必须是Stack的子级。这是否意味着我需要将整个UI重组为Stack的子级？

屏幕下半部分的四个按钮似乎可以保留为两行，但是要使卡片图像滑入，是否需要将整个屏幕上半部分变成Stack， ie ，屏幕是

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

屏幕左上角的内容栏是否变为Column左上角的Stack？那是怎么回事？我为所有小部件和孩子在孩子中的嵌套感到困惑。