title: SwiftUI mysterious space on top of the VStack
body: <p>I have this code</p>
  <pre><code>    NavigationView{
        VStack{
          GeometryReader{ geometry in
              VStack{
                  Text(&quot;a&quot;)
              }
              .frame(width:geometry.size.width)
              .background(Color.orange)
              Spacer()
          }
        }
        .modifier(NavBarModifier(font: self.fontUI,text: &quot;Profile&quot;))
      }
      .navigationViewStyle(StackNavigationViewStyle())
  </code></pre>
  <p>I want the
  GeometryReader to appear at top of the VStack, however what I get is:<a href="https://i.stack.imgur.com/Lbj03.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lbj03.png" alt="enter image description here" /></a></p>
  <p>Where the blue line is the top of the VStack and orange is the GeometryReader. I tried adding Spacer() after the GeometryReader, but it didn't work. How can I remove that spacing?</p>
  <pre><code>struct NavBarModifier: ViewModifier{
      var font: UIFont
      var text: String
      func body(content: Content) -&gt; 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]))
      }
  }
  </code></pre>