flutter - 如何对齐容器中的文本，使容器尽可能小？

Question

我想将 Text() 放在 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,
  ),
);

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

标签： flutter

Answer 1

使用小部件的textAlign属性Text：

child: Text(
"some message",
style: Theme.of(context).textTheme.title,
,textAlign: TextAlign.center// this is what you should add
),