我在使用 Text 控件时,由于文字太多,需要省略显示。设置
overflow: TextOverflow.ellipsis
没有效果,尾部显示还多了黄色相间的胶带色块。应该是:提示Text的布局边界溢出了。
解决方法:
用Container 包Text 设置Container宽度的方式解决了。
Container(
padding: EdgeInsets.only(top: 0),
width: 90,
child: Text(
"你好你好2226",
textAlign: TextAlign.left, // 对齐方式
// 不指定宽度时,下面没有效果,尾部显示 黄色相间的胶带色块
overflow: TextOverflow.ellipsis,// 文字显示不全样式
maxLines: 1, // 最大显示行数,默认为最大
style: TextStyle(fontSize: 18.0, color: Colors.black54),
),
),
总结:
Text组件本身是没有宽度的,要设置overflow属性,必须给它指定宽度,我们可以通过Container设置指定宽度。