Flutter 文本溢出的解决方案_flutter text溢出-程序员宅基地

技术标签： Flutter Dart

由于Text组件本身没有宽度的，需要设置宽度才能使用省略号或者截取掉后面的，但是有些场景不知道宽度是多少不设置宽度的情况下，可以使用如下方式解决。

例如我这个案例，// 在外层使用 Expanded包裹，里面的文本组件则能使用省略号等，像这种 行、列里面的文本组件 children 这一层就要约束，children下的子组件写 Expanded 没任何效果，除非指定宽度！

                          Row(
                            children: [
                              ClipRRect(
                                borderRadius: BorderRadius.circular(4),
                                child: Image.asset("assets/images/huanleshu_bg.png",width: 108,height: 108,fit: BoxFit.cover,),
                              ),
                            // 在外层 使用 Expanded包裹，里面的文本组件 则能使用 省略号等
                             Expanded(
                               child:  Container(
                                 height: 108,
                                 padding: EdgeInsets.only(left: 10),
                                 child: Column(
                                   crossAxisAlignment: CrossAxisAlignment.start,
                                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                   children: [
                                     Column(
                                       crossAxisAlignment: CrossAxisAlignment.start,
                                       children: [
                                         ExtendedText("标题标题标题标题标题标题标题标题",maxLines: 1,overflow: TextOverflow.ellipsis,),
                                         ExtendedText("标题标题标题标题标题标题标题标题标题标题标题",maxLines: 1,overflow: TextOverflow.ellipsis,),
                                       ],
                                     ),
                                     Row(
                                       children: [
                                         Text("¥",style: TextStyle(color: Color(0xffFC275C),fontWeight: FontWeight.bold,fontSize: 12,height: 1.5),),
                                         Text("12",style: TextStyle(color: Color(0xffFC275C),fontWeight: FontWeight.bold),),
                                       ],
                                     )
                                   ],
                                 ),
                               ),
                             ),
                            ],
                          ),

本文链接：https://blog.csdn.net/weixin_38025168/article/details/116229498

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

html5定位没定到,关于html5+定位的有关经验-程序员宅基地

文章浏览阅读133次。搞了两天,终于把ios跟android端的定位搞明白了,直接看代码//定位的代码要写在plusReady()里面,而且不能用mui自带的mui.plusReady(){}if(window.plus){plusReady();}else{document.addEventListener("plusready",plusReady,false);}function plusReady(){/and..._mapobj.getuserlocation获取不到当前位置信息

Excel 函数 Indirect 使用详解_indirect函数的参数-程序员宅基地

文章浏览阅读2.4k次，点赞2次，收藏10次。或文本字符串构成的。_indirect函数的参数

逻辑表达式中的短路现象-程序员宅基地

文章浏览阅读690次。当使用逻辑操作符时，我们会遇到一种“短路”现象。即一旦能够明确无误地确定整个表达式的值，就不再计算表达式余下部分了。因此，整个逻辑表达式靠后的部分有可能不会被运算。下面对这个现象进行演示：public class ShortCircuit{ //执行test1()时打印出执行信息 static boolean test1(int val){ System.out...._逻辑表达式的计算应该避免短路计算吗

C语言第6次上机,C语言第五次上机作业参考答案-程序员宅基地

文章浏览阅读83次。该楼层疑似违规已被系统折叠隐藏此楼查看此楼#include#defineN3voidaverage(intx[N][10]);voidfindgood(intx[N][10]);voidfindfail(intx[N][10]);voidmain(){//0:学号,1-5:成绩,6:平均分,7:第一门平均分,8:是否及格,9:是否优秀intstu[N][10]={0},i,j..._大连理工大学c语言慕课答案第六次上机

vue 疑难杂症记录_vue渲染数据疑难杂症-程序员宅基地

文章浏览阅读380次。一、render 函数渲染自定义组件注意的问题一般使用vue render函数渲染普通的html标签时，写法如下：render: (h) => { return ('div', {}, '测试内容')}但是有时候我们需要使用render渲染自定组件这时候就不应该在自定义的组件名上加“”号了，写法如下：render: (h) => { return (ToolBar..._vue渲染数据疑难杂症

Java多重if....else if-程序员宅基地

文章浏览阅读97次。public class HelloWorld { public static void main(String[] args) { int age=25; if(age>60){ System.out.println("老年"); }else if(age>40 && age<60){ Sy..._java中多重if用if?:怎么写

随便推点

安装MySQL过程中（最后starting server）报错解决方案_安装mysql过程startingserver报错-程序员宅基地

文章浏览阅读161次。安装MySQL过程中（最后starting server）报错解决方案_安装mysql过程startingserver报错

VC++6.0的简单使用！(保姆级)_vc++6.0用不用加return 0-程序员宅基地

文章浏览阅读1.7w次，点赞56次，收藏195次。VC++6.0的简单使用！(保姆级)新建文件夹这个文件夹来存放新建的C文件，便于之后的整理。此文件夹放在一个自己容易找到的地方，比如桌面！打开VC++6.0新建C文件打开软件后，点击左上角文件，选择新建选择文件位置以及类型1.点击文件，选择C++ Source file2.右边文件名处，填写名称，不支持中文，数字或英文，后缀为 .c 比如1.c3.点击位置框处后三点，选择位置，目标位置为刚建好的 c 文件夹因为广告建在桌面，所以找到Desktop文件夹即可找到，Desktop默认在_vc++6.0用不用加return 0

营收增长/市值却下跌超六成，安霸的「危机」待解_安霸是如何落后的-程序员宅基地

文章浏览阅读321次。首次发布等效算力500eTOPS的AI域控制器CV3系列SoC，收购4D成像毫米波雷达公司（傲酷），一系列在汽车赛道的布局，没有能够挽救传统视觉芯片供应商安霸（Ambarella）的股价下行颓势。数据显示，在过去的4个多月时间，安霸股价从2021年12月8日最高点的216.84美元，急速下滑至83.6美元（截至美国时间4月22日收盘），总市值只剩下31.82亿美元，距离高点下滑61.45%。财报数据显示，安霸2022财年第四季度的收入为9020万美元，比2021财年同期的6210万美元增长了45%。_安霸是如何落后的