如何从 SwiftUI 的列表视图中删除底部默认填充

如何解决如何从 SwiftUI 的列表视图中删除底部默认填充

当在列表视图之后定义另一个视图时，我试图删除列表视图上的底部填充，以便列表视图位于另一个视图的顶部。不叠加。似乎从 List 中创建了一些额外的空间，我不确定如何删除它以实现我想要的。这是我所拥有的。

List {
    ForEach(0...2,id: \.self) { color in
        Text("\(color)")
    }.listRowInsets(EdgeInsets())
}

Rectangle().fill(Color.red)

这就是它的样子。您可以看到第 2 行和红色矩形之间存在间隙。我希望这两个视图的边界彼此相邻。

编辑：我尝试将代码嵌入到 vstack 中，但这并没有消除我们在下面看到的空白。

看看这个 answer，似乎将列表包装在 vstack 中会消除间隙，但它不是我们在这里看到的？

vstack(spacing: 0) {
    vstack(spacing: 0) {
        List {
            ForEach(0...0,id: \.self) { number in
                Text("1")
                    .listRowBackground(Color.blue)
                Text("2")
            }.listRowBackground(Color.gray)
        }
    }

    vstack(spacing: 0) {
        HStack(spacing: 0) {
            Rectangle()
                .fill(Color.red)
            Rectangle()
                .fill(Color.red)
        }
        HStack(spacing: 0) {
            Rectangle()
                .fill(Color.red)
            Rectangle()
                .fill(Color.red)
        }
    }
    .aspectRatio(1.0,contentMode: .fill)

    vstack {
        List {
            Text("1")
                .listRowBackground(Color.purple)
            Text("2")
                .listRowBackground(Color.pink)
            Text("3")
                .listRowBackground(Color.blue)
            Text("4")
                .listRowBackground(Color.orange)
        }
    }
}

我尝试了间距等于 0 的 vstack 的多种变体，但还没有找到如何消除由列表视图创建的间隙。如果添加了更多行，它就会开始填满，但我试图让红色矩形上方没有白色间隙的两行。

我们可以看到下面突出显示的列表视图包含该间隙。