如何在扑动中垂直和水平居中文本?

我想知道如何在扑动中垂直和水平地集中文本部件的内容。我只知道如何使用center (child: Text("test"))将小部件本身居中，但不知道内容本身。默认情况下，它是向左对齐的。在Android中，我相信TextView的属性，实现这被称为重力。

我想要的例子:

当前回答

也许你想为两个集装箱提供相同的宽度和高度

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,
              ),),
            ),

2020-12-29 17:58:30

其他回答

把文本放在中间:

Container(
      height: 45,
      color: Colors.black,
      child: Center(
        child: Text(
            'test',
            style: TextStyle(color: Colors.white),
        ),
      ),
    );

2019-09-20 08:57:45

我认为一个更灵活的选择是用Align()像这样包装Text():

Align(
  alignment: Alignment.center, // Align however you like (i.e .centerRight, centerLeft)
  child: Text("My Text"),
),

使用Center()似乎完全忽略了文本部件上的TextAlign。它不会对齐TextAlign。left或TextAlign。如果你试一下，它还是会在中间。

2019-06-05 06:12:11

您可以使用文本构造函数的TextAlign属性。

Text("text", textAlign: TextAlign.center,)

2018-05-27 16:22:26

将Text小部件包装到Align小部件中，并添加Align .center。

Align(
  alignment: Alignment.center,
  child: Text(
    'Some Text',
    style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
  ),
)

2022-11-21 05:31:53

你必须设置你的文本部件属性来设置textAlign.center。

center(
   child : Text(
  'Hello',
   textAlign: TextAlign.center))

2022-07-21 09:14:46

如何在扑动中垂直和水平居中文本?

推荐文章

最新文章

标签