本文主要是介绍Flutter Text内容展示越界，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在Flutter中，使用Text是需要在上层组建中指定宽度的，如果不指定宽度当出现文字很长的情况下，就会越界，即使指定TextOverflow.ellipsis也无效。
但是由于手机机型不固定，适配难度大，组件长度并不容易指定，如何解决这样的问题呢？
简单，只需要将Text所在的组件嵌套在Expanded当中即可。
下面看一下几种效果图：
对应代码：可以看出即使指定了TextOverflow.ellipsis 也没有什么效果
new Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: <Widget>[new Container(height: 50,alignment: Alignment.centerLeft,padding: EdgeInsets.only(left: 16),color: Colours.scene_gray,child: Text(titleString,style:TextStyle(color: Colours.add_device_name,fontSize: 16,),overflow: TextOverflow.ellipsis,),),
指定组件宽度,效果图：
对应代码：
new Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: <Widget>[new Container(height: 50,width: 200,//指定一个宽度alignment: Alignment.centerLeft,padding: EdgeInsets.only(left: 16),color: Colours.scene_gray,child: Text(titleString,style:TextStyle(color: Colours.add_device_name,fontSize: 16,),overflow: TextOverflow.ellipsis,),),添加组件Expanded，效果图：
对应代码：
new Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: <Widget>[Expanded(child: new Container(height: 50,alignment: Alignment.centerLeft,padding: EdgeInsets.only(left: 16),color: Colours.scene_gray,child: Text(titleString,style:TextStyle(color: Colours.add_device_name,fontSize: 16,),overflow: TextOverflow.ellipsis,),),),
这篇关于Flutter Text内容展示越界的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
