Flutter中Expanded组件内长文本无法正常自适应垂直展开显示的问题求助
Flutter中Expanded组件内长文本无法正常自适应垂直展开显示的问题求助
大家好,我现在遇到一个Flutter布局的问题,想请教一下各位大佬:
我写了一段简化后的代码,结构是这样的:
return const SizedBox( height: 150, child: Column( children: [ Expanded( child: Text( "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", ) ), Icon(Icons.pool) ] ) );
我的需求是做一个固定高度的列表项,让里面的文本能在剩余的垂直空间里自动展开显示。但现在的问题是,长文本虽然被Expanded包裹了,却只显示第一行就以...截断了。
我尝试过几种方法,但都没解决:
- 因为Expanded的可用高度是动态的(后面除了Icon可能还要加其他组件),所以没法给Text设置固定的
maxLines; - 把
maxLines设成一个很大的值(比如999)也不行,这种情况下有时候会显示半行文本,截断效果非常不美观; - 试过用
ClipRect包裹Text组件,结果遇到的问题和之前类似。
有没有哪位大佬能给我一些解决思路?如果需要引入第三方库来解决这个问题也完全可以,麻烦大家帮帮忙,谢谢!
(附当前显示效果的截图)
内容来源于stack exchange
相关产品推荐
相关产品推荐

