SwiftUI：如何在VStack中删除视图之间的边距？

使用SwiftUI，我创建了一个VStack，其中包含一些固定元素和一个list元素。原因是，用户仅应滚动固定元素下方的区域。现在，我看到第二个固定元素和列表之间有一个空格。我不知道这个空间是从哪里来的，并想摆脱它，但是不知道如何。该区域标记为红色。

struct DashboardView : View, CoreDataInjected {

    var body: some View {
        GeometryReader { geometry in
            VStack {
                ScopeSelectorView().frame(maxWidth: .infinity).background(ColorPalette.gray)
                BalanceNumberView().frame(maxWidth: .infinity)
                List {
                    DashboardNavigationView(
                        height: geometry.size.height - ScopeSelectorView.height - BalanceNumberView.height
                    ).frame(maxWidth: .infinity).listRowInsets(.zero)
                }
            }
        }.background(Color.red).edgesIgnoringSafeArea(.all)
    }
}

由于您没有将spacing参数传递给VStack，因此它将根据上下文选择默认间距。如果您不希望有空格，则显式传递0。

VStack(spacing: 0) {
    // content here
}