Flutter：AlertDialog内ListView与其他元素重叠问题求助

问题根源 #

• Expanded使用错误：你代码里的Expanded直接放在SizedBox中完全无效，Expanded必须是Column、Row这类Flex组件的直接子元素，才能起到分配剩余空间的作用。
• ListView未做空间约束：SavedLocationsListWidget（内部应该是ListView）没有被包裹在Expanded或Flexible里，ListView默认会占用无限高度，必然和下方的Cancel按钮重叠。
• 强制高度触发约束冲突：直接给SizedBox设置screenSize.height - 125的高度，会超出AlertDialog的内部布局约束，导致列表被挤压消失。

修改后的代码 #

return AlertDialog(
  surfaceTintColor: colors.background,
  contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
  insetPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
  content: Column(
    mainAxisSize: MainAxisSize.min, // 让Column仅占用子元素所需的最小高度
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Center(
        child: Text(
          'Saved Addresses',
          style: Theme.of(context).textTheme.labelLarge?.copyWith(
                fontSize: 20,
                fontWeight: FontWeight.bold,
              ),
        ),
      ),
      const SizedBox(height: 16), // 给标题和列表添加间距
      // 用Expanded包裹列表，分配标题和按钮之外的剩余空间
      Expanded(
        child: SavedLocationsListWidget(),
      ),
      const SizedBox(height: 24), // 给列表和按钮添加间距
      Align(
        alignment: Alignment.bottomCenter,
        child: SizedBox(
          height: 44,
          width: double.infinity, // 让按钮撑满弹窗宽度
          child: UtolButtonIcon(
            colors: colors.secondary,
            label: Text(
              'Cancel',
              style: Theme.of(context).textTheme.labelLarge?.copyWith(
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                  ),
            ),
            icon: const Icon(
              Icons.close_fullscreen_outlined,
              color: Colors.white,
              size: 20,
            ),
            onPressed: () {
              Navigator.of(context).pop();
            },
          ),
        ),
      ),
    ],
  ),
);

额外优化建议 #

如果SavedLocationsListWidget内部的ListView没有设置shrinkWrap: true，可以加上这个属性，让ListView根据内容高度自适应（外层有Expanded时非必须，但能避免极端场景的布局问题）：

// SavedLocationsListWidget内部的ListView示例
ListView.builder(
  shrinkWrap: true,
  physics: const AlwaysScrollableScrollPhysics(), // 确保内容较少时仍可滚动
  itemCount: ...,
  itemBuilder: ...,
)

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