title: SwiftUI: How to get scrollview to contain full list length
body: <p>I have a scrollview that contains a vstack that contains some text and a list. The list scrolls independently of the scrollview, leading to the effect of the text being a header for the list. I would like to have the scrollview instead have the list fully expanded so that everything scrolls together.</p>
  
  <pre><code>ScrollView {
                  VStack(alignment: .leading) {
                      Text(self.person.name)
  
                      Text(self.person.email)
                          .font(.subheadline)
                          .padding(.top)
  
                      Text(self.person.about)
                          .foregroundColor(.secondary)
                          .padding()
  
                      List {
                          Section {
                              ForEach(self.friends, id: \.id) { friend in
                                  Text(friend.name)
                              }
                          }
                      }
                      Spacer()
                   }
                  .padding()
  
              }
  </code></pre>
  
  <p>This is what I get when I scroll the list:
  <a href="https://i.stack.imgur.com/KJTKt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KJTKt.png" alt="enter image description here"></a></p>