Flutter 的绝对位置

Question

我是 Flutter 的新手，来自 Web 开发方面。只是为了乐趣和练习 Flutter 布局，我想制作一个“鼓组”应用程序。但问题是，我无法按应有的方式设置鼓组部件。

您知道，在 Web 开发中，网页上的元素有绝对位置选项。Flutter 有类似的东西吗？

如果有任何答案，我将不胜感激。谢谢。:)

让我展示一下我的期望：就是这样

这就是我得到的结果：结果

Answer 1

小Stack部件和Positioned小部件可以帮助您实现这一目标：

根据官方文档：

AStack是一个将其子项相对于其框的边缘定位的小部件。如果您想以简单的方式重叠多个子项，例如使用一些文本和图像，覆盖渐变并在底部附加一个按钮，则此类非常有用。

APositioned是一个控制 Stack 子级的位置的小部件。定位的小部件必须是 Stack 的后代。

在此处阅读有关该Stack小部件的更多信息：Stack Widget

在此处阅读有关Positioned小部件的更多信息：定位小部件

以您的示例为例，您需要创建一个Stack小部件，并且children该小部件的属性Stack应该drum parts包装在Positioned小部件中。小Positioned部件只能在Stack小部件中使用。