在SwiftUI中,List和ForEach显示的列表之间是没有间距的。
如果想要实现列表信息之间的间距,就需要使用listStyle指定样式。
在SwiftUI中,添加Section包裹列表中的视图代码,使用List的分组样式。
List {
ForEach(piggyBank.records, id: \.self) {record in
Section { // 在原有列表中使用Section将每条信息分隔开
VStack {
// 省略显示代码
}
.padding(10)
.frame(width: width)
}
}
}
.listStyle(.insetGrouped) // 使用分组样式
最终实现列表记录分组的样式。