Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 将文本对齐到上面文本的宽度_Flutter_Dart - Fatal编程技术网

Flutter 将文本对齐到上面文本的宽度

Flutter 将文本对齐到上面文本的宽度,flutter,dart,Flutter,Dart,我想对齐小文本,使其与上面较大文本的右边缘齐平,但除非在单个文本小部件周围的容器中添加宽度,否则将忽略TextAlign Container( child: Column( children: <Widget>[ Text('One', style: TextStyle(fontSize: 40)), Text('Two', textAlign: TextAlign.right, style: TextStyle(fontSize: 30)),

我想对齐小文本,使其与上面较大文本的右边缘齐平,但除非在单个文本小部件周围的
容器中添加宽度,否则将忽略
TextAlign

Container(
  child: Column(
    children: <Widget>[
      Text('One', style: TextStyle(fontSize: 40)),
      Text('Two', textAlign: TextAlign.right, style: TextStyle(fontSize: 30)),
    ],
  ),
),
容器(
子:列(
儿童:[
Text('One',style:TextStyle(fontSize:40)),
Text('Two',textAlign:textAlign.right,style:TextStyle(fontSize:30)),
],
),
),
我无法设置宽度,因为不同设备的宽度不一样。它应该简单地根据上面较大文本的宽度向右对齐,但事实并非如此

宽度值不应该是必需的,因为宽度应该由较大文本的宽度设置,但如果没有宽度值,则由于某种奇怪的原因,会忽略
TextAlign

我需要它看起来像这样:


我们可以为列小部件和小部件组合
CrossAxisAlignment.stretch
。固有宽度

将其子对象的宽度调整为子对象的最大固有宽度

中心(
儿童:
容器(
儿童:
固有宽度(
儿童:
纵队(
crossAxisAlignment:crossAxisAlignment.stretch,
儿童:[
Text('标题',样式:TextStyle(fontSize:40)),
Text('small',textAlign:textAlign.right,style:TextStyle(fontSize:30)),
],
)))
看起来像这样



PS也许您不需要这里的容器小部件

尝试了
crossAxisAlignment
也许?@pskink做了什么?我正在使用
TextAlign
进行对齐。
crossAxisAlignment
设置整列的对齐方式,但我只希望下面的文本向右对齐。
做什么
尝试:
crossAxisAlignment:crossAxisAlignment.end,
?@pskink
crossAxisAlignment
设置整个列的对齐方式,但我只希望下面的文本向右对齐。这就是
TextAlign
的目的,我正在使用它,但它不能正常工作。我认为这可能是一个错误。
column(crossAxisAlignment:crossAxisAlignment.end,子项:[文本('title',textScaleFactor:3.0,),文本('small',textScaleFactor:1.0,),],),
-这正好给出了您需要的输出哈!哇,这是正确的答案。这实际上让神秘的
TextAlign
做了一次事情。在左对齐下方添加另一行文本也很有效。做得不错,先生。
Center(
  child: 
     Container(
        child:
            IntrinsicWidth(
               child: 
                  Column(
                     crossAxisAlignment: CrossAxisAlignment.stretch,
                         children: <Widget>[
                            Text('The title', style: TextStyle(fontSize: 40)),
                            Text('small', textAlign: TextAlign.right, style: TextStyle(fontSize: 30)),
                         ],
        )))