SwiftUI中如何在Form的sections之间添加符合预期的分隔线

完全可以实现目标Section分隔效果，手动插入Divider达不到预期的核心原因是：Divider会被Form内置的List布局自动添加固定边距，还会和系统原生的Section分隔、行间距逻辑叠加，最终出现位置偏移、粗细不均、边距不符合设计的问题。

推荐实现方式（iOS 15+ 无侵入方案） #

不需要手动插入Divider，通过隐藏系统默认分隔+自定义Section头/脚承载分隔视图的方式实现，样式100%可控：

• 第一步：隐藏Form自带的默认分隔线
  对Form内的行应用.listRowSeparator(.hidden)修饰符，低版本可以通过UITableView.appearance().separatorStyle = .none兼容
• 第二步：用Section的header或footer放置自定义分隔视图
  把分隔线放在相邻两个Section的衔接位置，通过listRowInsets控制分隔线的边距，通过frame控制分隔区域的高度、颜色，示例代码：

Form {
    Section {
        Text("设置项1")
        Text("设置项2")
    }
    .listRowBackground(Color.white)

    Section {
        Text("设置项3")
        Text("设置项4")
    } header: {
        // 自定义分隔区域，可自由调整样式
        Rectangle()
            .fill(Color(.systemGray6))
            .frame(height: 8)
            .listRowInsets(EdgeInsets()) // 传空值即为满宽分隔，需要留边自行调整上下左右数值
    }
    .listRowBackground(Color.white)
}
.formStyle(.grouped)

低版本适配方案（iOS15以下） #

通过UIAppearance全局调整Form对应TableView的Section间距属性，不需要手动插入Divider：

// 初始化时配置全局Form样式
UITableView.appearance().sectionHeaderHeight = 0
UITableView.appearance().sectionFooterHeight = 8 // 这个值就是Section之间分隔区域的高度
UITableView.appearance().separatorStyle = .none

注意避坑 #

• 不要把Divider或者自定义分隔线放在Section内部的行首/行尾，这种方式会让分隔线跟随行的选中高亮状态变化，出现交互异常
• 如果需要分隔线和行内容对齐保留边距，只需要调整分隔视图的listRowInsets参数和行的内边距保持一致即可
• 分组样式的Form必须使用.formStyle(.grouped)，否则默认的insetGrouped样式会自带额外边距，影响分隔线效果

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