在 Flutter 中对齐文本

Question

大家好 morning/afternoon 或者晚上好。我对如何对齐我的应用程序中的文本有疑问？这是图片：

image

看到问题了吗？我想将第二行带到“Description”或“Descrição”一词所在的位置。我试图替换 Column 的 Row 小部件但没有用，我的屏幕上没有任何显示。还有我的代码如下：

填充（

padding: const EdgeInsets.only(left: 15, right: 20),
child: Row(
   crossAxisAlignment: CrossAxisAlignment.start,
   children: <Widget>[
     Text(
       "Descrição :",
       style: TextStyle(
         fontSize: 16,
         height: 1.5,
         color: Colors.green.shade400),
       ),
     SizedBox(
       width: 5,
     ),
     Flexible(
       child: Text(
          widget.description,
          textAlign: TextAlign.justify,
          style: TextStyle(
            fontSize: 16,
            height: 1.5,
            color: Colors.green.shade600),
          ),
     ),
     SizedBox(
       height: 10,
     ),
   ],
 ),

在此先感谢所有回答我的人 ;)

Answer 1

而不是 Row，您应该使用 RichText

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: 'Describe :',
        style: TextStyle(fontSize: 16, height: 1.5, color: Colors.green.shade400),
      ),
      TextSpan(
        text: widget.description,
        style: TextStyle(fontSize: 16, height: 1.5, color: Colors.green.shade600),
      )
    ],
  ),
)

在 Flutter 中对齐文本

Align Text in Flutter

alignment

text-alignment

flutter

flutter-layout