title: Align bottom alignment for views using verticalAlighment and alignmentGuide
body: <p>I watched WWDC's <a href="https://developer.apple.com/videos/play/wwdc2019/237/" rel="nofollow noreferrer">Building Custom Views with SwiftUI</a> video about some advanced technique using SwiftUI, but I am not able to align the bottom elements which is not in the same HStack, see the image below:</p>
  
  <p><a href="https://i.stack.imgur.com/oVczS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oVczS.jpg" alt="enter image description here"></a></p>
  
  <p>Basically I want to align the profile image to the bottom of the Text view but it doesn't work, I followed the same code from the video using <code>.alignmentGuide</code> modifier, but it just doesn't work. Thanks!</p>
  
  <pre><code>    struct MessageView : View {
      var body: some View {
          HStack {
              HStack(alignment: .center) {
                  RoundImage(image: Image("turtlerock"))
                      .frame(width: 35)
                      .alignmentGuide(.bottomImageAndText) { d in
                          d[.bottom]
                      }
                  VStack(alignment: .leading) {
                      Text("AR demo from Apple site  AR demo from Apple site  AR demo from Apple site  AR demo from Apple site ")
                          .fontWeight(.regular)
                          .padding(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
                          .lineLimit(5)
                          .border(Color.gray, width: 1, cornerRadius: 15)
                          .layoutPriority(2)
                          .alignmentGuide(.bottomImageAndText) { d in
                              d[.bottom]
                          }
                      HStack {
                          Image(systemName: "heart.fill")
                              .foregroundColor(.red)
                          RoundImage(image: Image("turtlerock"))
                              .frame(height: 16)
                      }
                      .padding(.leading)
                  }
              }.padding(EdgeInsets(top: 0, leading: 10, bottom:0 , trailing: 0))
              .layoutPriority(1)
              Spacer()} }
  }
  
  extension VerticalAlignment {
      private enum BottomImageAndText : AlignmentID {
          static func defaultValue(in d: ViewDimensions) -&gt; Length {
              return d[.bottom]
          }
      }
  
      static let bottomImageAndText = VerticalAlignment(BottomImageAndText.self)
  }
  </code></pre>