SwiftUI NavigationView 目标页面排版到顶部
时间: 2024-01-27 07:03:31 浏览: 31
要让 SwiftUI NavigationView 目标页面排版到顶部,可以使用 `navigationBarTitle` 和 `navigationBarHidden` 以及 `edgesIgnoringSafeArea` 这些修饰符来实现。
具体来说,可以在目标页面的 `body` 中使用 `VStack` 或 `List` 等容器视图,然后添加以下修饰符:
1. 使用 `navigationBarTitle` 设置导航栏标题,例如:
```
.navigationBarTitle("Detail")
```
2. 使用 `navigationBarHidden` 隐藏导航栏,例如:
```
.navigationBarHidden(true)
```
3. 使用 `edgesIgnoringSafeArea` 将视图内容延伸到屏幕顶部,例如:
```
.edgesIgnoringSafeArea(.top)
```
综合使用以上修饰符,可以实现将目标页面的排版内容排到屏幕顶部的效果,例如:
```
struct DetailView: View {
var body: some View {
VStack {
Text("Detail View")
Spacer()
}
.navigationBarTitle("Detail")
.navigationBarHidden(true)
.edgesIgnoringSafeArea(.top)
}
}
```