SwiftUI 列表 Header 在 iOS 15 上对齐?
SwiftUI List Header Alignment on iOS 15?
在 iOS 15 上使用以下代码,header 文本与列表中的文本对齐:
List {
Section {
Text("Hello, world!")
} header: {
Text("Section Header").sectionHeaderStyle()
}
}
.listStyle(InsetGroupedListStyle())
//...
public extension Text {
func sectionHeaderStyle() -> some View {
self
.font(.system(.title3))
.fontWeight(.bold)
.foregroundColor(.primary)
.textCase(nil)
}
}
然而,回到 iOS 14,类似的代码将 header 与列表部分本身对齐:
List {
Section(header: Text("Section Header").sectionHeaderStyle()) {
Text("Hello, world!")
}
}
.listStyle(InsetGroupedListStyle())
有谁知道如何获得 iOS 14 将部分 header 与列表部分本身对齐而不与部分中的文本对齐的行为?
在回答我自己的问题时,有人亲切地向我指出 headerProminence(.increased) 修饰符可以满足我的要求。
在 iOS 15 上使用以下代码,header 文本与列表中的文本对齐:
List {
Section {
Text("Hello, world!")
} header: {
Text("Section Header").sectionHeaderStyle()
}
}
.listStyle(InsetGroupedListStyle())
//...
public extension Text {
func sectionHeaderStyle() -> some View {
self
.font(.system(.title3))
.fontWeight(.bold)
.foregroundColor(.primary)
.textCase(nil)
}
}
然而,回到 iOS 14,类似的代码将 header 与列表部分本身对齐:
List {
Section(header: Text("Section Header").sectionHeaderStyle()) {
Text("Hello, world!")
}
}
.listStyle(InsetGroupedListStyle())
有谁知道如何获得 iOS 14 将部分 header 与列表部分本身对齐而不与部分中的文本对齐的行为?
在回答我自己的问题时,有人亲切地向我指出 headerProminence(.increased) 修饰符可以满足我的要求。