【flutter浆糊踩坑记】Text组件溢出报错A RenderFlex overflowed by 83 pixels on the right.

 浆糊之家   2019-11-20 10:00   0 views 热度值  网名www.fybqq.com

因为经常碰到溢出问题,并且在文本上面,每次解决后又老犯同样的低级错误,所以做一次总结:

在Text文本组件,或RichText文件组件中溢出错误如下:

出现的错误代码如下
虽然已经给Text组件设置了超出显示...功能,但是在Row弹性空间内,此Text超出的时候,它本身是并不具备计算自己的宽度功能,然后根据自己的宽度超出在隐藏

此时解决方案是给Text文本组件添加一个Expanded撑开组件,以达到计算盒子宽度功能(只有计算了盒子宽度,Text组件超出才可以显示...功能)

但是万万没有想到Text组件也是总到此bug功能如此频繁,上面总结后bug出现的情况,直接套用撑开组件,改动一下Text组件包裹一下Expanded撑开组件即可。

需要注意:如果Row父组件外还有其它组件Row弹性组件的话,外层也要用一下Expanded撑开组件
往期有总结Row套多个时bug功能总结,可以去看一下 https://www.jonhuu.com/sample-post/1517.html

顺便粘贴改动的Text组件代码

NEXT:已经是最新一篇了

 发表评论


表情