flutter - 堆wrap_content里面的所有Widget？

Question

我有一个像这样的小部件树：

  Stack(
    children: [
      Text(
        '-',
        style: title,
      ),
      Positioned.fill(
        child: Center(
          child: Text(
            'FT',
            style: normal,
          ),
        ),
      )
    ],
  ),

我希望堆栈将宽度和高度都包装到其中的所有小部件中，如下所示：

但它看起来像这样：

Stack 从未填充的 Widget 中获取宽度和高度。如果我将两个 Widget 都包装在 Positioned.fill 中，则布局为空。有人知道怎么修这个东西吗？很多。

Answer 1

您可以使用小部件alignment的属性Stack

尝试这个

     Stack(
            alignment: Alignment.center,
            children: [

              Text(
                'GAME',
                style: TextStyle(color: Colors.blue),
              ),
              Text(
                '  -  ',
                style: TextStyle(color: Colors.red),
              ),
            ],
          ),

输出

Answer 2

根据文档：

堆栈调整自身大小以包含所有未定位的子项

因此，基于此，我们需要使用未定位的孩子，尽管它仍然可以与 .Align或类似的等价物对齐Center。

Stack(
  children: [
    Center(
      child: Text(
        '  -  ',
      ),
    ),
    Center(
      child: Text(
        'FT',
      ),
    ),
  ],
);