从 SwiftUI 的列表中删除默认填充

Question

使用 ScrollView 时，其中的视图默认分布在整个屏幕宽度上，但使用 List 时，两侧有一个填充。 有没有办法摆脱这种填充？

Answer 1

要实现这一点，您需要在List使用ForEach与.listRowInsets结合，如下例所示

struct Demo: View {
    var colors: [Color] = [.red, .blue, .yellow]
    var body: some View {
        List {
            ForEach(colors, id: \.self) { color in
                color
            }.listRowInsets(EdgeInsets())
        }
    }
}

Answer 2

对于iOS 15.0+ ，您可以尝试listStyle修饰符并将其设置为plain 。

var body: some View {
        List {
            // some rows
        }
        .listStyle(.plain)
    }