Flutter 防止Text内容溢出产生警告(黄色块)

Text内容过多时,屏幕上会出现溢出,即黄色块

以下是解决方案

 Container(
                        alignment: Alignment.centerLeft,
                        width: px(120),
                        margin: EdgeInsets.only(left: px(50)),
                        child: Text(toK(count),
                            style: TextStyle(
                                fontSize: px(24),
                                color: Color(0xFFACB5CA),
                                fontFamily: Font.din,
                                fontWeight: FontWeight.bold),
                          maxLines: 1,
                          overflow: TextOverflow.ellipsis,
                         )),

外面套个Container,给定宽度,然后在里面的Text加2个属性即可
maxLines: 1, //做多支持一行
overflow: TextOverflow.ellipsis,// 内容过多显示不下时,末尾显示省略号

你可能感兴趣的:(Flutter学习)