使ScrollView跨越屏幕的整个宽度

Question

我正在尝试使ScrollView的宽度跨越整个屏幕，但是尽管使用了无穷大，但由于某种原因，宽度并没有跨越整个屏幕。

ScrollView {
    VStack(spacing: 20) {
        ForEach(0..<10) {
            Text("Item \($0)")
                .foregroundColor(.white)
                .font(.largeTitle)
                .frame(width: .infinity, height: 200.0)
                .background(.red)
        }
    }
}
.frame(width : .infinity , height: 750)

当前的scrollview

Answer 1

显然，SwiftUI似乎将.infinity的固定大小解释为此特定帧修饰符中的默认大小行为。

要实现所需的目标，请使用.frame（minwidth：0，maxWidth：.infinity）内在text> text元素的修改器使它们尽可能宽，并且直至scrollview的容器将相应地调整大小，因此您不需要.frame修改器scrollview：

ScrollView {
    VStack(spacing: 20) {
        ForEach(0..<10) {
            Text("Item \($0)")
                .foregroundColor(.white)
                .font(.largeTitle)
                .frame(minWidth: 0, maxWidth: .infinity)
                .background(.red)
        }
    }
}