SwiftUI-删除单元格之间的空间

Question

我正在SwiftUI中实现列表视图。我要尝试的方法是使单元格之间没有任何其他单元格或父视图之间的空间。

因此在此屏幕截图中，您可以看到每个单元格之间都有一个空间，并且手机边缘与我要删除的边缘之间也有空间。

struct FlickrView : View {
    var flickrResponse: [FlickrResponse]
    var body: some View {
        List(flickrResponse) { item in
            FlickrImageCell(response: item)
        }
    }
}

struct FlickrImageCell : View {
    var response: FlickrResponse
    var body: some View {
        return ZStack(alignment: .topLeading) {
            Image(uiImage: response.image ?? UIImage())
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: nil, height: 100.0, alignment: .center)
                .clipShape(Rectangle())
                .padding(0)
            Text(response.title).fontWeight(.medium).multilineTextAlignment(.center)
        }
    }
}

我尝试了这个修饰符：

.padding(EdgeInsets(top: 0, leading: -20, bottom: 20, trailing: -20))

但是这种方法有两个问题：首先，我认为编写文字负值并不方便。其次，底部填充不能使用任何值。

有什么建议吗？

Answer 1

我对listRowInsets感到很幸运

struct ContentView: View {
    var body: some View {
        List {
            Color.red
            .listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
            Color.blue
            .listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
            Color.yellow
            .listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
        }
    }
}