swift - VStack 未在 ScrollView 中填充屏幕宽度，但确实填充了 List

Question

我创建了一个可滚动的图像列表，如下所示:

NavigationView {
    List {
        ForEach(landmarks) { landmark in
            landmark.image(forSize: 200)
              // some modifiers...
    }
    .navigationBarTitle(Text(category.rawValue))
}

这是此代码生成的 UI:

现在，我想去掉 List 创建的行分隔符。因此，我将 List 替换为 ScrollView。这是预览然后显示的内容:

我该如何解决这个问题？

我看过 this other similar question ，但接受的答案并没有真正解决问题，而是引入了固定宽度。

Answer 1

找到一个完整的 SwiftUI 解决方案。

var body: some View {
    GeometryReader { geometry in
        ScrollView(alwaysBounceVertical: true) {
            VStack {
                // Your code
            }.frame(width: geometry.size.width)
        }
    }.edgesIgnoringSafeArea(.all)
}