列表iOS 14 SwiftUI中的额外间距

Question

我正在尝试从ListView中删除外部空间（标记为红色）。

此问题出现在iOS 14和Xcode 12 GM中。

这是我正在使用的代码：

struct ContentView: View {
    
    var menuItems:[String] = ["Item 1", "Item 2", "Item 3"]
    
    var body: some View {
        List(self.menuItems, id:\.self) { title in
            MenuRow(title: title)
        }
    }
}

struct MenuRow:View {
    var title:String
    var body: some View {
        HStack(alignment: .center) {
            Text(title)
                    .foregroundColor(Color.black)
                    .font(Font.system(size: 14,
                            weight: .regular,
                            design: .default))
            Spacer()
            Text(title)
                    .foregroundColor(Color.black)
                    .font(Font.system(size: 14,
                            weight: .regular,
                            design: .default))
            
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
        .listRowInsets(EdgeInsets())
        .background(Color.white)
    }
}

Answer 1

要使.listRowInsets工作，您需要在ForEach内使用List：

List {
    ForEach(self.menuItems, id:\.self) {
        MenuRow(title: $0)
    }
}

Answer 2

这对我有用。对于列表，请添加：

List {
    ...
}
.environment(\.defaultMinListRowHeight, 23)