Flutter：如何为父容器内子容器设置动态宽高（适配全设备）

要实现父容器中子容器的动态宽高适配，可通过条件化设置父容器尺寸结合自适应布局组件达成，以下是适配全设备的自动扩展Container实现方案：

Container(
    decoration: BoxDecoration(
      borderRadius:
          BorderRadius.circular(10),
      border:
          Border.all(color: lightBgColor),
    ),
    height: daysList[index].isEmpty ?  50 : null,
    width: double.infinity,
    child: Wrap(
      children: [
        ...daysList[index].map((e) =>
            Container(
              height: 40,
              margin:
                  const EdgeInsets.all(4),
              padding:
                  const EdgeInsets.all(8),
              decoration: BoxDecoration(
                color: lightBgColor,
                borderRadius:
                    BorderRadius.circular(
                        10),
              ),
              child: Row(
                mainAxisAlignment:
                    MainAxisAlignment
                        .spaceBetween,
                crossAxisAlignment:
                    CrossAxisAlignment
                        .center,
                mainAxisSize:
                    MainAxisSize.min,
                children: [
                  Text(e.name),
                  IconButton(
                    constraints:
                        const BoxConstraints(),
                    padding:
                        const EdgeInsets
                            .symmetric(horizontal: 4),
                    splashRadius: 8,
                    onPressed: () => removeExercise(e, index),
                    icon: const Icon(
                      size : 22,
                      Icons.delete,
                      color: Colors.red,
                    ),
                  ),
                ],
              ),
            ))
      ],
    )),

关键实现细节： #

• 父容器高度动态适配：通过daysList[index].isEmpty ? 50 : null判断，列表为空时固定高度50，否则由子内容自动撑高
• 父容器宽度占满可用空间：设置width: double.infinity确保容器适配不同设备的屏幕宽度
• 子容器宽度自适应：使用Wrap布局让子Container根据内容自动换行，配合子Row的mainAxisSize: MainAxisSize.min，让子容器仅包裹内部文本与按钮内容，避免冗余宽度
• 子容器固定高度：设置height:40保证子元素统一高度，提升视觉一致性

该代码已通过测试，可正常运行。

内容的提问来源于stack exchange，提问作者Asif Shah