我该如何着手在 flutter 中完成这样的事情?

how to I go about getting something like this done in flutter?

我有一个 gridView 列表,当我单击一个列表时,我希望它放大以显示更多信息,几乎就像当前内容上的对话框一样。

图片中是这样的。提前谢谢你。

我无法粘贴完整代码,但您可以使用 Stack 作为最简单的方法。 没有动画的最简单方法是将 GridView 作为第一个子项,当单击 Tile 时,传递 tile 信息,调用 setState()... 并使用您想要的任何覆盖物重绘堆栈与所选内容视图。 完成后,您可以包括 Animated widgets 以处理过渡。

另一种选择是使用叠加层,请转到此 Medium article 的底部以了解其工作原理,它应用于菜单,但同样的概念也适用于您。也许这是一种更简洁的方法。

另一个很酷的选择可能是使用 Hero animations,但我不知道您是否可以在同一个 BuildContext 中使用,这取决于您将如何构建视图。

祝你好运!