flutter RenderFlex children have non-zero flex but incoming width constraints are unbounded.

叔怀

于 2020-12-16 20:06:05 发布

阅读量1.8k

点赞数

分类专栏： # flutter 文章标签： flutter IntrinsicWidth IntrinsicHeight

本文链接：https://blog.csdn.net/NotesChapter/article/details/111301665

版权

当Flutter中的Row布局嵌套Row，并使用Expanded填充水平空间时，可能会遇到RenderFlex错误。原因是外层控件无法确定子控件的实际宽度。解决方法是使用IntrinsicWidth，它能帮助外层控件智能计算最小宽度，从而避免问题发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因
flutter row布局嵌套row布局市容expanded填充水平方向的剩余空间时，外层控件无法计算子控件的实际宽度，导致这个问题
解决方案
使用IntrinsicWidth让外层控件智能计算一个最小宽度，一下使用伪代码解释

 IntrinsicWidth(
                      child: Expanded(
                        child: Row(
                          children: [
                            Expanded(
                              flex: 1,
                              child: Text("￥9.9",
                                  style: TextStyle(
                                      fontSize: 14, color: AppTheme.red_1B))

最低0.47元/天解锁文章