删除 SwiftUI 子视图中的大量空格
Removing large amounts of whitespace in a SwiftUI subview
Demonstration of whitespace problem
当我在 NavigationView 中嵌套 NavigationView 时,大量的空白分隔后退按钮和新的导航栏标题。在设置我的 SwiftUI 视图方面我做错了什么吗?
import SwiftUI
struct Dashboard: View {
@EnvironmentObject var user: User
let courses = Course.exampleCourses()
var body: some View {
NavigationView {
List(courses) { course in
NavigationLink(destination: CourseView(course: course)) {
Text(course.name)
}
}.navigationBarTitle("Welcome, \(user.first)!")
}
}
}
import SwiftUI
struct CourseView: View {
// @ObservedObject allows us to update views whenever values in course change
@ObservedObject var course: Course
@EnvironmentObject var user: User
var body: some View {
NavigationView {
List {
NavigationLink(destination: WritingPromptView(prompt: "What is your course goal, \(user.first)?", explanationText: "This is the answer", textLocation: self.$course.goal)) {
Text("Course Goal")
}
NavigationLink(destination: NotepadView(parent: self.course)) {
Text("Notepad")
}
NavigationLink(destination: WritingPromptView(prompt: "<Reflection prompt goes here>", explanationText: "<How to reflect goes here>", textLocation: self.$course.reflection)) {
Text("Reflection")
}
}.navigationBarTitle(course.name)
}
}
}
这是一个双 NavigationBar。只需从您的 CourseView 中删除 NavigationView。如果您有 CourseView 的预览,您可能希望将它包装在 NavigationView 中。
Demonstration of whitespace problem
当我在 NavigationView 中嵌套 NavigationView 时,大量的空白分隔后退按钮和新的导航栏标题。在设置我的 SwiftUI 视图方面我做错了什么吗?
import SwiftUI
struct Dashboard: View {
@EnvironmentObject var user: User
let courses = Course.exampleCourses()
var body: some View {
NavigationView {
List(courses) { course in
NavigationLink(destination: CourseView(course: course)) {
Text(course.name)
}
}.navigationBarTitle("Welcome, \(user.first)!")
}
}
}
import SwiftUI
struct CourseView: View {
// @ObservedObject allows us to update views whenever values in course change
@ObservedObject var course: Course
@EnvironmentObject var user: User
var body: some View {
NavigationView {
List {
NavigationLink(destination: WritingPromptView(prompt: "What is your course goal, \(user.first)?", explanationText: "This is the answer", textLocation: self.$course.goal)) {
Text("Course Goal")
}
NavigationLink(destination: NotepadView(parent: self.course)) {
Text("Notepad")
}
NavigationLink(destination: WritingPromptView(prompt: "<Reflection prompt goes here>", explanationText: "<How to reflect goes here>", textLocation: self.$course.reflection)) {
Text("Reflection")
}
}.navigationBarTitle(course.name)
}
}
}
这是一个双 NavigationBar。只需从您的 CourseView 中删除 NavigationView。如果您有 CourseView 的预览,您可能希望将它包装在 NavigationView 中。