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

最新推荐文章于 2025-09-16 13:22:49 发布

原创最新推荐文章于 2025-09-16 13:22:49 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #IntrinsicWidth #IntrinsicHeight

flutter 专栏收录该内容

22 篇文章

订阅专栏

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

原因
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)),
                            ),
                            Expanded(
                              flex: 0,
                              child: Row(
                                children: [
                                  GestureDetector(
                                    child: LoadAssetImage(
                                      "mine/refund_money",
                                      height: 28,
                                      width: 28,
                                    ),
                                    onTap: () {
                                      //TODO 自行删除
                                      print(
                                          "================ =============================================== ::::::::::::  " +
                                              "delete");
                                    },
                                  ),
                                  Text("1",
                                      style: TextStyle(
                                          fontSize: 14,
                                          color: AppTheme.black_333)),
                                  GestureDetector(
                                    child: LoadAssetImage(
                                      "mine/refund_money",
                                      height: 28,
                                      width: 28,
                                    ),
                                    onTap: () {
                                      //TODO 自行删除
                                      print(
                                          "================ =============================================== ::::::::::::  " +
                                              "add ");
                                    },
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      ),
                    ),

借鉴做相应修改