如何在Container中对齐Text，尽可能小的Container？

Question

我想将Text（）放在Container（）的中心。但当我使用像Center Align这样的东西时，Container会变得尽可能大。

return Container(
  constraints:BoxConstraints(
    minHeight: 100,
    minWidth: 100,
  ),
  margin: EdgeInsets.all(10),
  padding: EdgeInsets.all(10),
  color: Color(0x4d000000),
//alignment: Alignment.center,
  child: Text(
    "some message",
    style: Theme.of(context).textTheme.title,
  ),
);

容器的大小由文本和约束框决定。如果文本大小小于最小约束，则文本将不在容器的中心。但设置对齐将导致容器填满整个屏幕。

Answer 1

您可以在maxWidth中提供maxHeight和BoxConstraints来控制容器大小。

否则，您可以使用FittedBox Widget - 它可以缩放并将其子项置于其自身内部。

用FittedBox包装容器

FittedBox(
              child: Container(
                constraints: BoxConstraints(
                  minHeight: 100,
                  minWidth: 100,
                ),
                margin: EdgeInsets.all(10),
                padding: EdgeInsets.all(10),
                color: Color(0x4d000000),
                alignment: Alignment.center,
                child: Text(
                  "some message",
                  style: Theme.of(context).textTheme.title,
                ),
              ),
            ),

Answer 2

使用qazxsw poi小部件的qazxsw poi属性：

textAlign