dart - 使用百分比在堆栈中定位小部件

Question

假设我想将一个小部件放置在 Stack 内，但使用堆栈位置的百分比而不是固定大小。如何在 flutter 中做到这一点？

我希望 Positionned.fromRelativeRect 构造函数会使用 0 到 1 之间的 float 。但似乎不是。

Align 允许以百分比定位小部件。但是 heightFactor 和 widthFactor 改变的是 Align 尺寸而不是子尺寸。这不是我想要的。

Answer 1

你可以结合 Positioned.fill 和 LayoutBuilder 来达到这样的效果。

    new Stack(
    children: <Widget>[
      new Positioned.fill(
        child: new LayoutBuilder(
          builder: (context, constraints) {
            return new Padding(
              padding: new EdgeInsets.only(top: constraints.biggest.height * .59, bottom: constraints.biggest.height * .31),
              child: new Text("toto", textAlign: TextAlign.center,),
            );
          },
        ),
      )
    ],
  ),