SwiftUI 如何让List分割线延伸对齐屏幕左右两侧边缘

问题原因 #

你遇到的分割线仅右侧贴边、左侧留白的问题，和安全区设置无关，是List继承自UIKit的UITableView默认自带行左侧内边距、分割线默认偏移导致的，所以.edgesIgnoringSafeArea修饰符不会生效。

适配方案 #

iOS 15 及以上版本（推荐方案） #

直接使用SwiftUI原生提供的行边距、分割线修饰符即可实现，无全局影响：

• 给List设置.listStyle(.plain)，消除分组样式默认的额外边距
• 给List内的每一行元素添加.listRowInsets(EdgeInsets())，将行的左右内边距全部置为0
• 可按需搭配.listRowSeparatorTint()自定义分割线颜色

示例代码：

List {
    ForEach(0..<10) { index in
        Text("列表项\(index)")
            .frame(maxWidth: .infinity, alignment: .leading)
            .padding(.horizontal, 16) // 你自己需要的内容内边距，不会影响分割线
            .listRowInsets(EdgeInsets()) // 关键：消除行默认边距
            .listRowSeparatorTint(.gray)
    }
}
.listStyle(.plain)
// 此处无需设置edgesIgnoringSafeArea，除非你需要列表内容本身突破上下安全区

iOS 13/14 兼容方案 #

由于上述行边距修饰符是iOS15新增，低版本可选择两种方案：

1. 全局临时修改UITableView默认配置（仅当前页面生效）
   在页面的onAppear生命周期中修改全局配置，离开页面时复原：

.onAppear {
    UITableView.appearance().separatorInset = .zero
    UITableViewCell.appearance().separatorInset = .zero
}
.onDisappear {
    UITableView.appearance().separatorInset = UIEdgeInsets(top: 0, left: 15, bottom: 0, right: 0)
    UITableViewCell.appearance().separatorInset = UIEdgeInsets(top: 0, left: 15, bottom: 0, right: 0)
}

2. 自定义分割线（兼容性最高，无系统版本限制）
   先隐藏系统自带分割线，自己在每一行底部添加分割线视图，完全自主控制边距：

List {
    ForEach(0..<10) { index in
        VStack(spacing: 0) {
            Text("列表项\(index)")
                .frame(maxWidth: .infinity, alignment: .leading)
                .padding(.horizontal, 16)
                .padding(.vertical, 12)
            // 自定义分割线
            Rectangle()
                .fill(.gray.opacity(0.3))
                .frame(height: 0.5)
        }
        .listRowInsets(EdgeInsets())
        .listRowSeparator(.hidden)
    }
}
.listStyle(.plain)

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