SwiftUI 导航视图在内容之前没有足够的 space
SwiftUI Navigation View doesn't have enough space before content
我有一个 SwiftUI 导航视图,里面的内容视图在导航栏和内容之间有非常少量的 space。这是我的代码:
struct TestView: View {
var body: some View {
ZStack(alignment: .top) {
NavigationView {
List {
Section(header: Text("Section Header")) {
NavigationLink(
destination: CustomDeckView(),
label: {
Text("A link")
.foregroundColor(AppTheme.Colors.text)
})
.preferredColorScheme(.light)
}
}
.listStyle(InsetGroupedListStyle())
.navigationBarTitleDisplayMode(.inline)
}
.navigationViewStyle(StackNavigationViewStyle())
Text("Custom Font")
.font(.custom("Pacifico-Regular", size: 27.5))
.offset(y: -5)
}
}
}
这是它在应用预览中的样子:
试试这个:
Section(header: Text("Section Header").padding(.top, 44)) {
....
}
或者您可以将其添加到列表中。
List {
....
}.padding(.top, 44)
我有一个 SwiftUI 导航视图,里面的内容视图在导航栏和内容之间有非常少量的 space。这是我的代码:
struct TestView: View {
var body: some View {
ZStack(alignment: .top) {
NavigationView {
List {
Section(header: Text("Section Header")) {
NavigationLink(
destination: CustomDeckView(),
label: {
Text("A link")
.foregroundColor(AppTheme.Colors.text)
})
.preferredColorScheme(.light)
}
}
.listStyle(InsetGroupedListStyle())
.navigationBarTitleDisplayMode(.inline)
}
.navigationViewStyle(StackNavigationViewStyle())
Text("Custom Font")
.font(.custom("Pacifico-Regular", size: 27.5))
.offset(y: -5)
}
}
}
这是它在应用预览中的样子:
试试这个:
Section(header: Text("Section Header").padding(.top, 44)) {
....
}
或者您可以将其添加到列表中。
List {
....
}.padding(.top, 44)