Flutter-当同一行中的另一个窗口小部件灵活时,行中的文本溢出

时间:2020-09-07 14:17:37

标签: flutter dart

我想实现一个Row,它具有两个Text小部件和一个中间行,如下所示:

Image

以下代码是我当前的实现。

Row(
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    Text(
      'Text',
      overflow: TextOverflow.ellipsis
    ),
    Expanded(
      child: Container(
        padding: EdgeInsets.only(left: 16, right: 16),
        height: 1,
        child: Container(
          color: Colors.black
        )
      ),
    ),
    Text(
      'Right Text'
    )
  ]
)

此代码的问题是,如果长这样,则左侧文本会溢出:

Image

预期输出为:

Image

Text包装第一个Flexible小部件可以解决溢出问题,但是由于Expanded小部件填充了之间的空白,因此输出与预期的输出不同。带行的两个Text小部件。

Image

我该如何实现?非常感谢您的帮助!

0 个答案:

没有答案