title: SwiftUI: positioning a Button below a List
body: <p>One of my views has a grouped <code>List</code>, and I like to place a button below the final row. Here's the code:</p>
  <pre class="lang-swift prettyprint-override"><code>var body: some View {
      VStack() {
          List {
             Text(&quot;Hello World&quot;)
             Text(&quot;Hello World&quot;)
             Text(&quot;Hello World&quot;)
             Text(&quot;Hello World&quot;)
          }
          .listStyle(GroupedListStyle())
  
          Button(&quot;Button&quot;) {}
      }
      .navigationBarTitle(&quot;Hello World&quot;, displayMode: .inline)
  }
  </code></pre>
  <p>Problem: the button always shows up at the bottom of the screen. I tried adding spacers, adding a spacing modifier to the <code>VStack</code>, but the button is always at the bottom:</p>
  <p><a href="https://i.stack.imgur.com/T5ro5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T5ro5.png" alt="enter image description here" /></a></p>
  <p>Instead, I'd like the button to be below the list with some spacing.</p>
  <p>How can I do that?</p>