SwiftUI macOS 列表行删除填充

Question

我正在尝试在 SwiftUI for MacOS 中的 ListView 中显示一行。 但是，我的问题是该行包含它周围的填充。 我想将它拉伸到我的ListView的边界。

Apple 在他们的示例中使用.listRowInsets(EdgeInsets()) 。 但是，这仅在 iOS 上显示。 对我来说，它不适用于 macOS。

我的行有一个红色边框来可视化问题。 我希望它一直拉伸到列表行的边界，所以填充整个蓝色行。 这在 macOS 中可能吗？

提前致谢。

Answer 1

现在我只找到了解决方法（ .listRowInsets应该真正完成这项工作，因此值得向 Apple 提交反馈）：

struct TestListRow: View {
    var body: some View {
        List {
            ForEach (0..<3) { i in
                HStack {
                    Text("Test row \(i)").font(.largeTitle)
                    Spacer()
                }
            }
            .listRowBackground(Color.green)
            .border(Color.red)
            .padding(.horizontal, -8)   // << workaround !!
        }.environment(\.defaultMinListRowHeight, 40)
        .border(Color.yellow)
    }
}

Answer 2

我在行尾添加了这段代码，填充缩小了！！！

    Spacer()
    Text(" ")
    .padding()

示例代码

import SwiftUI


struct testViews1: View {
    var body: some View {
        List {
            ForEach (0..<3) { i in
                HStack {
                    Text("row \(i)")
                    Spacer()
                }
                .background(Color.red)
                .frame(height: 30)  
            }
        }
    }
}


struct testViews2: View {
    var body: some View {
        List {
            ForEach (0..<3) { i in
                HStack {
                    Text("row \(i)")
                    Spacer()
                    Text(" ")
                        .padding()   
                }
                .background(Color.red)
                .frame(height: 30)
                
            }
        }
    }
}

struct testViews_Previews: PreviewProvider {
    static var previews: some View {
        testViews1()
            .frame(height: 150)
        testViews2()
            .frame(height: 150)

    }
}

输出

它适用于 SwiftUI 1。