Espacio misterioso de SwiftUI en la parte superior del VStack
Aug 20 2020
tengo este codigo
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())
Quiero que GeometryReader aparezca en la parte superior de VStack, sin embargo, lo que obtengo es:

Donde la línea azul es la parte superior de VStack y la naranja es GeometryReader. Intenté agregar Spacer() después de GeometryReader, pero no funcionó. ¿Cómo puedo eliminar ese espacio?
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]))
}
}
Respuestas
1 Asperi Aug 20 2020 at 16:32
Simplemente elimine el relleno redundante enNavBarModifier
func body(content: Content) -> some View {
return content
.zIndex(0)
.animation(.spring())
// .padding(.top,80) // << this one !!
ignalonzo Aug 20 2020 at 15:54
Debe agregar el espaciador después de GeometryReader para que se diseñe en la parte superior del archivo VStack
y también .edgesIgnoringSafeArea(.top)
para que ignore ese espacio en blanco (el área segura) y haga que se alinee en la parte superior del archivo VStack
.
VStack {
GeometryReader{ geometry in
VStack {
Text("s")
}
.frame(width:geometry.size.width)
.background(Color.orange)
Spacer()
}
.edgesIgnoringSafeArea(.top)
Spacer()
}