SwiftUI中如何将ForEach填充至指定区域？

核心思路 #

放弃单纯依赖VStack/HStack，改用**网格布局（LazyVGrid/LazyHGrid）**强制内容填充指定区域，或者给Stack配合空间约束与布局优先级来让子视图抢占可用空间。

方案1：使用网格布局（推荐） #

网格可自动分配每个ForEach子项的空间，确保填满容器：

struct ContentView: View {
    let items = Array(1...8) // 自定义数据源
    
    var body: some View {
        // 目标容器示例：固定大小的灰色区域
        Rectangle()
            .fill(Color.gray.opacity(0.2))
            .frame(width: 300, height: 400)
            .overlay(
                LazyVGrid(columns: [GridItem(.flexible())], spacing: 0) {
                    ForEach(items, id: \.self) { item in
                        Text("Item \(item)")
                            .frame(maxWidth: .infinity, maxHeight: .infinity)
                            .background(Color.blue.opacity(0.3))
                    }
                }
            )
    }
}

• GridItem(.flexible())让每个子项均分容器空间
• 子视图添加frame(maxWidth: .infinity, maxHeight: .infinity)确保填满网格分配的区域
• 横向填充需求可替换为LazyHGrid，行参数设为[GridItem(.flexible())]

方案2：修复Stack的适配问题 #

若坚持使用VStack/HStack，需给Stack和子视图同时设置填充约束：

struct ContentView: View {
    let items = Array(1...8)
    
    var body: some View {
        Rectangle()
            .fill(Color.gray.opacity(0.2))
            .frame(width: 300, height: 400)
            .overlay(
                VStack(spacing: 0) {
                    ForEach(items, id: \.self) { item in
                        Text("Item \(item)")
                            .frame(maxWidth: .infinity, maxHeight: .infinity)
                            .background(Color.blue.opacity(0.3))
                            .layoutPriority(1)
                    }
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity)
            )
    }
}

• 给VStack设置frame(maxWidth: .infinity, maxHeight: .infinity)使其填满父容器
• 子视图添加frame(maxWidth: .infinity, maxHeight: .infinity)与layoutPriority(1)，确保优先抢占可用空间
• 将Stack默认spacing设为0，避免留白

此前方法无效的原因 #

• scaledToFill()仅针对视图内容（如图片）缩放，不负责布局空间分配
• fixedSize()会让视图保持原始尺寸，反而阻止填充空间
• 原生VStack/HStack默认根据子视图固有尺寸布局，不会自动拉伸填满父容器

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