原因
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 ");
                                    },
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      ),
                    ),

借鉴做相应修改

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐