title: Aligning texts and images in SwiftUI
body: <p>The code below is from a simple SwiftUI ContentView.  It displays a piece of text and an image that I wish to have vertically aligned along their centre line.</p>
  
  <pre><code>var body: some View {
      HStack(alignment: .center) {
          Text("Cloudy")
              .background(Color.yellow)
          Image(systemName: "cloud.heavyrain")
              .background(Color.blue)
      }
      .font(.largeTitle)
      .border(Color.red)
  }
  </code></pre>
  
  <p>Instead, I find that they appear to be centred on their frames.  For the text the frame is too big and for the image it is too small.</p>
  
  <p><a href="https://i.stack.imgur.com/T4Emv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T4Emv.png" alt="Cloudy text and image"></a></p>
  
  <p>Is it possible to align the contents (particularly the image - which seems to know no bounds) rather than the frames?</p>