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

Question

我想实现一个Row有两个Text小部件和一个像这样的中间线：

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

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'
    )
  ]
)

这段代码的问题是左边的文本如果长这样会溢出：

预期的输出是：

用 a包裹第一Text个小部件Flexible可以解决溢出问题，但输出与预期输出不一样，因为小部件用一条线Expanded填充了两个小部件之间的空间。Text

我怎样才能做到这一点？非常感谢任何帮助！

标签： flutterdart