Загадочное пространство SwiftUI поверх VStack
Aug 20 2020
У меня есть этот код
NavigationView{
VStack{
GeometryReader{ geometry in
VStack{
Text("a")
}
.frame(width:geometry.size.width)
.background(Color.orange)
Spacer()
}
}
.modifier(NavBarModifier(font: self.fontUI,text: "Profile"))
}
.navigationViewStyle(StackNavigationViewStyle())
Я хочу, чтобы GeometryReader отображался в верхней части VStack, но я получаю следующее:

Где синяя линия - это вершина VStack, а оранжевая - это GeometryReader. Я попытался добавить Spacer () после GeometryReader, но это не сработало. Как я могу убрать этот интервал?
struct NavBarModifier: ViewModifier{
var font: UIFont
var text: String
func body(content: Content) -> some View {
return content
.zIndex(0)
.animation(.spring())
.padding(.top,80)
.navigationBarTitle(Text(self.text),displayMode: .inline)
.navigationBarHidden(false)
.foregroundColor(.orange)
.background(NavigationConfigurator { nc in
nc.navigationBar.barTintColor = UIColor(red: 243/255, green: 107/255, blue: 21/255, alpha: 1)
nc.navigationBar.titleTextAttributes = [
.foregroundColor : UIColor.white,
.font : self.font,
.kern: 1.2
]
}
.padding([.top, .leading, .trailing]))
}
}
Ответы
1 Asperi Aug 20 2020 at 16:32
Просто удалите лишние отступы в NavBarModifier
func body(content: Content) -> some View {
return content
.zIndex(0)
.animation(.spring())
// .padding(.top,80) // << this one !!
ignalonzo Aug 20 2020 at 15:54
Вам нужно добавить разделитель после GeometryReader для его макета в верхней части, VStack
а также добавить, .edgesIgnoringSafeArea(.top)
чтобы он игнорировал это пустое пространство (безопасная область) и выравнивал его по верхней части VStack
.
VStack {
GeometryReader{ geometry in
VStack {
Text("s")
}
.frame(width:geometry.size.width)
.background(Color.orange)
Spacer()
}
.edgesIgnoringSafeArea(.top)
Spacer()
}