title: How To Position Views Relative To Their Top Left Corner In SwiftUI
body: <p>How do I position views relative to their top left corner in swiftUI? The "position" modifier moves the views relative to their center coordinates. So <code>.position(x: 0, y: 0)</code> places a views center coordinate in the top left of the screen.</p>
  
  <p>I want to place a views top left coordinate in the top left of the screen, How do I do this?</p>
  
  <pre><code>struct HomeView: View {
      var body: some View {
          VStack(alignment: .leading) {
              Text("Top Text")
                  .font(.system(size: 20))
                  .fontWeight(.medium)
               Text("Bottom Text")
                  .font(.system(size: 12))
                  .fontWeight(.regular)
          }
          .position(x: 0, y: 0)
      }
  }
  </code></pre>
  
  <p>Currently, the left half of my view is cut off the screen, how do I prevent this? Also, how do I align relative to the safe area?</p>
  
  <p>I miss UIKit </p>
  
  <p><a href="https://i.stack.imgur.com/q3Z7b.png" rel="noreferrer"><img src="https://i.stack.imgur.com/q3Z7b.png" alt="enter image description here"></a></p>