title: How to make the row fill the screen width with some padding using SwiftUI?
body: <p>I am trying to create a list with cards or rows which grows downwards. It's added to a horizontal scroll view which can have multiple lists.</p>
  
  <p><a href="https://i.stack.imgur.com/WEGSO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WEGSO.png" alt="snap"></a></p>
  
  <p>How to make the card fill the width - some padding of the screen?</p>
  
  <p>The current code is </p>
  
  <pre><code>struct RowView: View {
      var body: some View {
          Rectangle()
          .foregroundColor(.blue)
          .frame(width: 80, height: 80, alignment: .center)  // shows a square, but how to set size depending on screen?
          //.frame(minWidth: 100, maxWidth: .infinity, minHeight: 100, maxHeight: .infinity, alignment: .topLeading)  // nothing shows up
      }
  }
  
  struct ListView: View {
      var body: some View {
          ScrollView(.vertical) {
              VStack(spacing: 16) {
                  RowView()
                  RowView()
                  RowView()
              }
              .padding()
          }
      }
  }
  
  struct ContentView: View {
  
      var body: some View {
          ScrollView(.horizontal) {
              HStack {
                  ListView()
                  ListView()
                  ListView()
              }
          }
      }
  }
  </code></pre>
  
  <p>I tried using <code>GeometryReader</code>, but it's not working.</p>