Flutter开发之Text的overflow属性不生效（14）

我在使用 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设置指定宽度。