ios - 如何在 SwiftUI 中禁用 ScrollView 裁剪内容

Question

我需要红色矩形在到达设备的前缘或后缘之前应该是可见的。所以问题是 ScrollView 在超出 ScrollView 容器大小时剪切红色框(隐藏)。代码:

struct test: View {
var body: some View {
    ScrollView(.horizontal,showsIndicators:false) {
        LazyHStack{
            ForEach(0...4,id:\.self){i in
                Rectangle()
                    .fill(Color.red)
                    .frame(width: 60, height: 50, alignment: .center)
            }
        }.padding(.horizontal, 4)
    }.background(Color.yellow)
    .frame(width: 68, height: 60, alignment: .trailing)
}

结果:

预期:(我还通过设置 ScrollView 全宽并添加填充 (.padding(.horizo​​ntal, UIScreen.main.bounds.width/2 ) 来产生这个结果) 到 LazyHStack)但是在开始和结束处添加空格是一种hack，问题仍然没有解决，那就是ScrollView内容的裁剪

Answer 1

我不确定问题出在哪里，但您可能希望 padding 位于 Text 而不是 ScrollView .如果这不是您要查找的内容，请纠正我。

struct test: View {
    var body: some View {
        ScrollView(.horizontal) {
            Text("Hello, World!")
                .frame(width: UIScreen.main.bounds.width, alignment: .leading)
                .padding(.horizontal, 40)
        }
        .background(Color.yellow)
    }
}

结果: