如何在SwiftUI中无需Grid实现适配iOS15+的动态视图布局？

当然可以不用Grid实现这个布局，用基础的HStack+VStack配合Spacer就能搞定，完全适配iOS15及以上版本。以下是对应实现代码：

struct CustomCell: View {
    var body: some View {
        HStack(alignment: .center, spacing: 12) {
            // 左侧图标区域
            Image(systemName: "person.circle.fill")
                .resizable()
                .frame(width: 48, height: 48)
                .foregroundColor(.blue)
            
            // 中间文本区域，自动占据剩余空间
            VStack(alignment: .leading, spacing: 4) {
                Text("主标题文本")
                    .font(.headline)
                    .foregroundColor(.primary)
                
                Text("副标题文本，支持多行显示")
                    .font(.subheadline)
                    .foregroundColor(.secondary)
                    .lineLimit(2) // 限制行数，按需调整
            }
            
            // 右侧操作控件，固定在最右侧
            Button(action: {
                // 点击事件逻辑
            }) {
                Image(systemName: "chevron.right")
                    .foregroundColor(.gray)
            }
        }
        .padding(.vertical, 8)
        .padding(.horizontal, 16)
    }
}

// 预览
struct CustomCell_Previews: PreviewProvider {
    static var previews: some View {
        List {
            CustomCell()
            CustomCell()
        }
    }
}

布局逻辑说明： #

• 外层HStack实现水平排列，设置垂直居中对齐，元素间预留12pt间距，保证视觉舒适度。
• 左侧图标固定宽高，避免随布局拉伸变形，保持尺寸统一。
• 中间VStack不设置固定宽度，依靠HStack的布局规则自动占据左侧图标与右侧控件之外的剩余空间，确保文本区域自适应不同屏幕宽度。
• 右侧操作控件固定在最右侧，不会挤压中间文本区域的显示空间。
• 通过padding调整单元格整体内边距，和系统List单元格的默认风格对齐。

如果需要调整文本排版细节（比如副标题的对齐方式、文本截断规则），可以修改VStack的alignment参数，或者给文本添加frame修饰符进一步控制。

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