title: SwiftUI ScrollView only scroll in one direction
body: <p>Trying to make a custom list using a view as the list row style (to get rid of the ugly line separates in the list by default).</p>
  
  <p>However, once I put my ZStack rows inside a scroll view, the scroll view scrolls in both directions and not just vertically.</p>
  
  <p>Here is the contentView: </p>
  
  <pre class="lang-swift prettyprint-override"><code>NavigationView {
              ScrollView{
                  VStack(alignment: .leading){
                      ForEach(friends) { friends in
                          NavigationButton(destination: MessageDetailView(friend: friends)) {
                              CustomListItem(friend: friends)
                          }
                      }
                      Spacer()
                  }
              }
                  .foregroundColor(.black)
                  .navigationBarTitle(Text("Messages"))
          }
  </code></pre>
  
  <p>and here is the customListItem:</p>
  
  <pre class="lang-swift prettyprint-override"><code>Group{
              ZStack {
                  RoundedRectangle(cornerRadius: 10)
                      .shadow(radius: 1, y:1)
                      .frame(width: UIScreen.main.bounds.width - 32, height: 75)
                      .foregroundColor(.gray)
  
                  HStack {
                      Image(systemName: "person.crop.circle")
                          .resizable()
                          .frame(width: 50, height: 50)
                      VStack(alignment: .leading) {
                          HStack {
                              Text(friend.name)
                                  .font(.headline)
                              Text("\(friend.date, formatter: dateFormatter)")
                          }
                          Text(friend.messagesReceived[0])
                              .font(.subheadline)
                          }       .lineLimit(nil)
                      Spacer()
                      Image(systemName: "chevron.right.circle")
                          .foregroundColor(.black)
                      }.padding(10)
                  }.padding([.leading, .trailing])
          }
  </code></pre>
  
  <p>Is there any way I can limit the scrolling to vertical or force a frame on this?</p>
  
  <p>Trying to use the .frame(...) modifier does not work as I've tried it. This results in the view not loading at all.</p>
  
  <p>Example Images:</p>
  
  <p><a href="https://i.stack.imgur.com/NPP8u.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NPP8u.png" alt="Without ScrollView"></a></p>
  
  <p><a href="https://i.stack.imgur.com/HE7vw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/HE7vw.png" alt="With ScrollView wrapping the VStack"></a></p>