我想知道如何在扑动中垂直和水平地集中文本部件的内容。 我只知道如何使用center (child: Text("test"))将小部件本身居中,但不知道内容本身。默认情况下,它是向左对齐的。在Android中,我相信TextView的属性,实现这被称为重力。
我想要的例子:
我想知道如何在扑动中垂直和水平地集中文本部件的内容。 我只知道如何使用center (child: Text("test"))将小部件本身居中,但不知道内容本身。默认情况下,它是向左对齐的。在Android中,我相信TextView的属性,实现这被称为重力。
我想要的例子:
当前回答
你需要在文本部件上使用textAlign属性。这对我来说是最好的结果
Text(
'Hi there',
textAlign: TextAlign.center,
)
其他回答
你需要在文本部件上使用textAlign属性。这对我来说是最好的结果
Text(
'Hi there',
textAlign: TextAlign.center,
)
您可以使用文本构造函数的TextAlign属性。
Text("text", textAlign: TextAlign.center,)
概述:我使用Flex小部件使用MainAxisAlignment将文本置于页面的中央。沿水平轴居中。我使用容器填充来创建文本周围的空白空间。
Flex(
direction: Axis.horizontal,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
padding: EdgeInsets.all(20),
child:
Text("No Records found", style: NoRecordFoundStyle))
])
把文本放在中间:
Container(
height: 45,
color: Colors.black,
child: Center(
child: Text(
'test',
style: TextStyle(color: Colors.white),
),
),
);
也许你想为两个集装箱提供相同的宽度和高度
Container(
width: size.width * 0.30, height: size.height * 0.4,
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6)
),
child: Center(
child: Text(categoryName, textAlign: TextAlign.center, style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 17,
color: Colors.white,
),),
),