颤振的绝对位置

Question

我是Flutter的新手，来自Web开发方面。只是为了好玩和练习颤动布局，我想做一个“鼓包”应用程序。但问题是，我不能设置鼓套件零件，因为它应该是。

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

如果您能给我答复，我将不胜感激。谢谢。:)

让我展示一下我所期望的：Here it is

这是我得到的结果：Result

Answer 1

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

根据官方文件：

Stack是一个相对于框的边缘定位其子对象的小部件。如果你想以一种简单的方式重叠几个孩子，这个类很有用，例如，有一些文本和图像，叠加了渐变和底部附加的按钮。Positioned是一个控制堆栈的子级位置的小部件。定位的小部件必须是堆栈的后代。

在这里阅读有关Stack小部件的更多信息：Stack Widget

在这里阅读有关Positioned小部件的更多信息：Positioned Widget

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

Answer 2

     Stack(
children: <Widget>[
  Positioned(
    top: 100,
    left: 0,
    right: 0,
    child: Text("Search",
          style: TextStyle(
              color: Color(0xff757575),
              fontWeight: FontWeight.w700,
              fontFamily: "Roboto",
              fontStyle: FontStyle.normal,
              fontSize: 56.0),
          textAlign: TextAlign.center),
  ),
 ]
 )

你可以试试这个，你可以在屏幕上定位

Answer 3

您可以使用Stack class，它将具有一个Positioned class

它对有什么帮助

• 堆栈可帮助您使用relative-layout
• Positioned在web

中调整类似于absolute的项目