我想实现一个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'
)
]
)
此代码的问题是,如果长这样,则左侧文本会溢出:
预期输出为:
用Text
包装第一个Flexible
小部件可以解决溢出问题,但是由于Expanded
小部件填充了之间的空白,因此输出与预期的输出不同。带行的两个Text
小部件。
我该如何实现?非常感谢您的帮助!