如何移除SwiftUI DisclosureGroup标签与内容间的额外内边距？

你遇到的是SwiftUI DisclosureGroup自带的默认内边距问题，直接添加padding(.zero)无效是因为这个内边距属于系统默认样式的一部分，不是通过普通padding修饰符控制的。可以通过以下两种方式解决：

方法一：自定义DisclosureGroupStyle #

完全重写DisclosureGroup的样式，去掉所有默认内边距，同时保留原生交互逻辑：

// 定义无内边距的DisclosureGroup样式
struct NoPaddingDisclosureGroupStyle: DisclosureGroupStyle {
    func makeBody(configuration: Configuration) -> some View {
        VStack(alignment: .leading, spacing: 0) {
            // 自定义展开/折叠按钮
            Button(action: { configuration.isExpanded.toggle() }) {
                HStack(alignment: .center, spacing: 8) {
                    configuration.label
                    Spacer()
                    // 保留系统样式的箭头图标
                    Image(systemName: configuration.isExpanded ? "chevron.down" : "chevron.right")
                        .font(.caption)
                }
            }
            // 展开时显示内容，可按需添加缩进
            if configuration.isExpanded {
                configuration.content
                    .padding(.leading, 8)
            }
        }
        .background(.yellow)
    }
}

使用该样式：

DisclosureGroup(isExpanded: $isShowingAllOpeningHours) {
    Text("Content")
        .frame(maxWidth: .infinity, alignment: .leading)
        .background(.red)
} label: {
    Text("Title")
        .background(.green)
}
.disclosureGroupStyle(NoPaddingDisclosureGroupStyle())

方法二：手动实现DisclosureGroup逻辑 #

如果需要完全掌控布局细节，可以直接用按钮+条件渲染替代系统组件：

VStack(alignment: .leading, spacing: 0) {
    Button(action: { isShowingAllOpeningHours.toggle() }) {
        HStack {
            Text("Title")
                .background(.green)
            Spacer()
            Image(systemName: isShowingAllOpeningHours ? "chevron.down" : "chevron.right")
        }
    }
    if isShowingAllOpeningHours {
        Text("Content")
            .frame(maxWidth: .infinity, alignment: .leading)
            .background(.red)
    }
}
.background(.yellow)

两种方案都能彻底移除系统自带的内边距，方法一更贴近原生交互体验，方法二更适合需要高度自定义布局的场景。

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