從 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)
    }