我正在尝试使用TextOverflow.Ellipsis以确保某些文本数据不会引起溢出错误。唯一的问题是,它似乎不适用于我。我添加了属性,但是文本没有缩短,仍然会导致溢出错误。任何人都知道为什么会发生这种情况以及如何解决它?
这是当前外观。即使添加了省略号。
这是呈现所有内容的代码。
Expanded(
flex: 3,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: EdgeInsets.only(top: 13, left: 10),
child: Row(
mainAxisAlignment:
MainAxisAlignment.start,
children: [
Text(mileage[index].trippurpose,
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.bold,
color: Colors.black,
fontFamily: 'Montserrat'),
overflow: TextOverflow.ellipsis,
softWrap: false,
textAlign: TextAlign.center)
],
)),
Padding(
padding: EdgeInsets.only(left: 10),
child: Row(
children: [
Text(
'${mileage[index].tripfrom} - ',
style: TextStyle(
color: Colors.black,
fontStyle: FontStyle.italic),
),
Padding(
padding: EdgeInsets.only(right: 36),
child: Text(
mileage[index].tripto,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Colors.black,
fontStyle: FontStyle.italic
),
),
)
],
),
),
],
),),
答案 0 :(得分:1)
首先,我总是将maxLines: 1
属性添加到这种布局的Text
小部件中。
然后...
如果可以,请尝试删除Row
小部件。
如果无法删除Row
小部件,请将Row
小部件与Expanded
小部件一起包装。