无法在颤动的容器中垂直对齐文本

Posted

技术标签:

【中文标题】无法在颤动的容器中垂直对齐文本【英文标题】:Can't align a text vertically in a container in flutter 【发布时间】:2020-08-29 09:54:10 【问题描述】:

我已经尝试了here 发布的解决方案,但似乎都不起作用。

        Container(
          child: Center(
            child: Text(
            "Financial Formulas\n",
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 16),
            ),
          ),
          color: Colors.blue,
          width: 150,
          height: 35,
        ),

【问题讨论】:

使用Financial\nFormulas 删除高度和 "\n" 两者 【参考方案1】:

当您在文本中添加\n 时,会多出一行。删除它,您的文本将在中间:

【讨论】:

【参考方案2】:

要将文本换行,请使用/n

在您的情况下,将您的代码更改为以下代码:

   Container(
          child: Center(
            child: Text(
            // Financial will be on a line and Formulas on another line
            "Financial\nFormulas",
            // the text align property tells you how to arrange the texts
            textAlign: TextAlign.center,
            style: TextStyle(fontSize: 16),
            ),
          ),
          color: Colors.blue,
          width: 150,
          height: 35,
        ),

【讨论】:

以上是关于无法在颤动的容器中垂直对齐文本的主要内容,如果未能解决你的问题,请参考以下文章

无法将 div 中的纯文本与文本溢出一起垂直对齐:省略号

无法垂直对齐文本 - angularJS + bootstrap + flexbox

Bootstrap如何让文本在div容器中垂直对齐

如何在容器中居中元素,同时保持它们垂直对齐?

Flexbox垂直对齐溢出[重复]

打破容器时垂直对齐图像