title: SwiftUi: How to reduce space between frame and Text?
body: <p>I've tried to create a View for iOS in <code>SwiftUI</code> with rectangles as frames around Stacks but I can't reduce the space between a <code>Text</code> and a frame of <code>HStack</code>.</p>
  
  <p>So in detail: I use a <code>VStack</code> with multiple <code>HStacks</code> inside. The problem occurs when I try to reduce the space between 2 <code>HStacks</code>.</p>
  
  <p>In the following code snippet the first <code>Text</code> "Title" is inside an <code>HStack</code> with a <code>Spacer</code> followed by another <code>HStack</code> with 2 <code>Text</code> elements inside.</p>
  
  <p>I want to have the first <code>Text</code> "Title" directly above the rectangle. No big space like I currently have.</p>
  
  <p>Any suggestions?
  Thank you very much. </p>
  
  <p>Code:</p>
  
  <pre><code>var body: some View {   
  
       VStack() {
           HStack() {
               Text("Title")
                   .font(Font.body)
                   .cornerRadius(ViewConstants.CORNERRADIUS)
                   .padding()
                   .foregroundColor(Colours.BLUE)
               Spacer()
           } 
           HStack(alignment: .firstTextBaseline) {
               Spacer()
               Text("SomeTextText")
                   .font(Font.bold(.body)())
                   .cornerRadius(ViewConstants.CORNERRADIUS)
                   .padding()
                   .foregroundColor(Color.gray)
                   .clipped()
               Text("xx,00")
                   .font(Font.body)
                   .cornerRadius(ViewConstants.CORNERRADIUS)
                   .padding()
                   .foregroundColor(Color.gray)
               Spacer()
           } // HStack
               .overlay(
                   RoundedRectangle(cornerRadius: ViewConstants.CORNERRADIUS)
                       .stroke(Colours.BLUE, lineWidth: 1)
                   )   .padding(.init(top: 0, leading: 3, bottom: 0, trailing: 3))
  ...
  </code></pre>