我该如何在颤抖中完成类似的工作?

时间:2019-06-11 18:48:59

标签: flutter dart flutter-layout flutter-animation

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

图片中类似的内容。预先谢谢你。

1 个答案:

答案 0 :(得分:1)

我无法粘贴完整的代码,但是您可以使用Stack作为最简单的方法。 没有动画的最简单方法是将GridView作为第一个孩子,然后单击Tile,传递tile信息,调用setState()...并使用选定的内容视图以所需的任何覆盖层重绘堆栈。 当您准备就绪时,可以包括Animated widgets来进行过渡。

另一种选择是使用“覆盖”,转到此Medium article的底部,以了解其工作原理,将其应用于菜单,但相同的概念也将对您有用。也许这是一个更整洁的方法。

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

祝你好运!