title: How to make a button in front of an image but constrained to the left bottom and right of the view in SwiftUI?
body: <p><a href="https://i.stack.imgur.com/LX3S0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LX3S0.png" alt="enter image description here" /></a></p>
  <p>How can I make the sign in view expand so that its left side is constrained to the left side and its right side is constrained to the right side as well?</p>
  <pre><code>
  import SwiftUI
  
  struct Intro: View {
      var body: some View {
          ZStack {
              Image(&quot;IntroImage&quot;)
                  .resizable()
                  .aspectRatio(contentMode: .fill)
                  .frame(alignment: .center)
              VStack {
                  Spacer()
                  Button(action: {}, label: {
                      Text(&quot;Sign in&quot;)
                          .foregroundColor(Color.black)
                          .padding()
                          .background(Color.green)
                  })
              }
          }
          .ignoresSafeArea()
      }
  }
  
  struct Intro_Previews: PreviewProvider {
      static var previews: some View {
          Intro()
      }
  }
  </code></pre>
  <p>I want it to look like this: <a href="https://i.stack.imgur.com/IEfkY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IEfkY.png" alt="enter image description here" /></a></p>
  <p>I am using a 640 × 1136 png for the image. I am testing it on all devices including iPhone 11.</p>