flutter - 我无法将小部件居中放置

Question

我的布局必须使用 Stack 和 Positioned 小部件，但我还需要确保我的小部件居中，这样我就不能使用左、右。

  Widget _body() {
    return Stack(
      children: <Widget>[
        Positioned(
          left: 0,
          child: _animation(),
        ),
        Positioned(
          top: 300,
          child: Text(
            "Centered Text",
            style: TextStyle(color: Colors.black87, fontSize: 30),
          ),
        Positioned(
          top: 350,
          child: Text(
            "Second Centered Text",
            style: TextStyle(color: Colors.black87, fontSize: 30),
          ),
        ),
      ],
    );
  }

文本小部件应居中。

Answer 1

您应该在第二个小部件中使用Align。

Widget _body() {
  return Stack(
    children: <Widget>[
      Positioned(
        left: 0,
        child: Text("Text here"),
      ),
      Align(
        child: Text(
          "Centered Text",
          style: TextStyle(color: Colors.black87, fontSize: 30),
        ),
      ),
    ],
  );
}