在iOS 15上,使用SwiftUI构建列表的页眉和页脚需要使用新的API。以下是一种获得正确布局的方法:
listStyle()
修饰符来设置列表的样式。在iOS 15中,你可以使用.listStyle(InsetGroupedListStyle())
来创建一个带有内边距的分组列表样式。listRowInsets()
修饰符来设置每个列表行的内边距。例如,你可以使用.listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
来移除默认的内边距。Text("Header")
来创建一个简单的文本页眉。Text("Footer")
来创建一个简单的文本页脚。以下是一个示例代码,演示如何实现布局SwiftUI列表部分的页眉和页脚:
import SwiftUI
struct ContentView: View {
var body: some View {
List {
Text("Header")
.font(.headline)
.padding(.vertical, 10)
ForEach(1...10, id: \.self) { index in
Text("Row \(index)")
}
Text("Footer")
.font(.caption)
.padding(.vertical, 10)
}
.listStyle(InsetGroupedListStyle())
.listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
这个示例代码创建了一个带有页眉和页脚的列表。页眉显示为粗体的文本,页脚显示为小字号的文本。列表的样式为带有内边距的分组列表样式。
请注意,以上示例代码是针对iOS 15及以上版本的。如果你需要在iOS 14SDK上构建,可能无法直接使用这些新特性。在这种情况下,你可以考虑使用条件编译来根据运行的iOS版本选择不同的布局方式。
希望这个答案能够帮助你正确获得布局SwiftUI列表部分的页眉和页脚。如果你需要更多关于SwiftUI或其他iOS开发的帮助,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云