Make a VStack fill the width of the screen in SwiftUI : <p>Given this code :</p>

<pre><code>import SwiftUI

struct ContentView : View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("Title")
                .font(.title)

            Text("Content")
                .lineLimit(nil)
                .font(.body)

            Spacer()
        }
        .background(Color.red)
    }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
#endif
</code></pre>

<p>It results in this interace:</p>

<p><a href="https://i.stack.imgur.com/B87Ym.png" rel="noreferrer"><img src="https://i.stack.imgur.com/B87Ym.png" alt="preview"></a></p>

<p>How can I make the <code>VStack</code> fill the width of the screen even if the labels/text components don't need the full width?</p>

<p>A trick I've found is to insert an <em>empty</em> <code>HStack</code> in the structure like so:</p>

<pre><code>VStack(alignment: .leading) {
    HStack {
        Spacer()
    }
    Text("Title")
        .font(.title)

    Text("Content")
        .lineLimit(nil)
        .font(.body)

    Spacer()
}
</code></pre>

<p>Which yields the desired design:</p>

<p><a href="https://i.stack.imgur.com/XK2cY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XK2cY.png" alt="desired output"></a></p>

<p>Is there a better way?</p>
