SwiftUI使用List样式增加间距
SwiftUI使用List样式增加间距

SwiftUI使用List样式增加间距

在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) // 使用分组样式

最终实现列表记录分组的样式。

如果您认为这篇文章给您带来了帮助,您可以在此通过支付宝或者微信打赏网站开放者。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注