问题描述
无论我尝试过什么,我都无法让导航栏项目与此视图上的大标题对齐?我曾尝试使用 Spacer() 填充或将其放置在 vstack 中,但都没有将其推下。我怎样才能正确对齐它?
var body: some View {
NavigationView {
//omitted
.navigationTitle("Exertion")
}
.navigationBarItems(
trailing:
Button(action: {
self.isShowingExertionCalendarSheet.toggle()
}) {
Image(systemName: "calendar")
.font(.system(size: 30,weight: .bold))
}
)
}
}
解决方法
你不能。因为导航标题是动态的,因为它可以在滚动时从小到大变化,至少你不这么说,UI 不允许你将导航项设置为在预期之外的其他位置垂直对齐。就在安全区的正下方。就像给一个领先的导航项隐藏后退按钮一样。这就是 Cocoa Touch 通过 SwiftUI 或 UIKIt 的工作原理。