编辑:答案更新为使用.frame的简单(更好)方法

只要使用帧修饰器!

struct Expand: View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("Title")
                .font(.title)
            
            Text("Content")
                .lineLimit(nil)
                .font(.body)
        }
        .frame(maxWidth:.infinity,maxHeight:.infinity,alignment:.topLeading)
        .background(Color.red)
    }
}

注意-你甚至不需要VStack中的spacer !

注意2:如果你不想在顶部和底部使用白色，那么在背景中使用:

Color.red.edgesIgnoringSafeArea(.all)

我知道这并不适用于所有人，但我认为有趣的是，只需添加一个分隔器就可以解决这个问题。

struct DividerTest: View {
var body: some View {
    VStack(alignment: .leading) {
        Text("Foo")
        Text("Bar")
        Divider()
    }.background(Color.red)
  }
}

使用这个

.edgesIgnoringSafeArea(.all)

一个好的解决方案，没有“装置”是被遗忘的ZStack

ZStack(alignment: .top){
    Color.red
    VStack{
        Text("Hello World").font(.title)
        Text("Another").font(.body)
    }
}

结果:

另一种可行且可能更直观的堆放方式如下:

struct ContentView: View {
    var body: some View {
        HStack() {
            VStack(alignment: .leading) {
                Text("Hello World")
                    .font(.title)
                Text("Another")
                    .font(.body)
                Spacer()
            }
            Spacer()
        }.background(Color.red)
    }
}

如果需要，还可以通过删除Spacer()来轻松地重新定位内容。

有更好的办法!

为了让VStack填充它的父文件的宽度，你可以使用一个几何阅读器并设置框架。(.relativeWidth(1.0)应该工作，但显然不是现在)

struct ContentView : View {
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("test")
            }
                .frame(width: geometry.size.width,
                       height: nil,
                       alignment: .topLeading)
        }
    }
}

为了让VStack成为实际屏幕的宽度，你可以在设置框架时使用uisscreen .main.bounds.width，而不是使用GeometryReader，但我猜你可能想要父视图的宽度。

此外，这种方式有一个额外的好处，就是不需要在VStack中添加空格，如果你添加了一个带有Spacer()的HStack，因为它是VStack的内容，这可能会发生(如果你有空格)。

更新-没有更好的方法了!

在检查了被接受的答案后，我意识到被接受的答案实际上是行不通的!乍一看，它似乎工作，但如果你更新VStack有一个绿色背景，你会注意到VStack仍然是相同的宽度。

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack(alignment: .leading) {
                Text("Hello World")
                    .font(.title)
                Text("Another")
                    .font(.body)
                Spacer()
                }
                .background(Color.green)
                .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .topLeading)
                .background(Color.red)
        }
    }
}

这是因为.frame(…)实际上是在向视图层次结构中添加另一个视图，而该视图最终会填满屏幕。然而，VStack仍然没有。

这个问题在我的回答中似乎也一样，可以使用与上面相同的方法进行检查(在.frame(…)之前和之后放置不同的背景颜色。看起来实际上扩大VStack的唯一方法是使用间隔器:

struct ContentView : View {
    var body: some View {
        VStack(alignment: .leading) {
            HStack{
                Text("Title")
                    .font(.title)
                Spacer()
            }
            Text("Content")
                .lineLimit(nil)
                .font(.body)
            Spacer()
        }
            .background(Color.green)
    }
}