当标题在第二行中断时,正文不会溢出剪辑正确

问题描述

如果我有一个很长的标题,根据字符串的长度分成两行,则容器小部件内的正文文本剪切不正确

enter image description here

Expanded(
 child: Container(
   height: MediaQuery.of(context).size.height / 7.5,padding: EdgeInsets.only(right: 8),child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,mainAxisAlignment: MainAxisAlignment.start,children: [
        Text(
          'HERE SOME LONG HEADLINE,WITH 1 or 2 Lines'
       
          maxLines: 2,overflow: TextOverflow.ellipsis,),SizedBox(
        height: 3.0,Expanded(
         child: Text(
           'here some long body text over more lines,which is cut wrong when the headline is two lines',softWrap: true,maxLines: 5,textAlign: TextAlign.left,],

解决方法

我相信一些包裹您的 Text 小部件的小部件会限制它们的空间量,因此会进行剪裁。如果没有完整的小部件树,就无法确定是哪个。

您包含的 Container 小部件具有指定的高度。如果您删除它,您的文本小部件是否仍会剪辑?

Expanded(
 child: Container(
   height: MediaQuery.of(context).size.height / 7.5,// ← try removing this
   padding: EdgeInsets.only(right: 8),

另外,也许这个包可能很有趣:AutoSizeText

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...