如何避免父ScrollView裁剪内部ScrollView？

Question

当水平子ScrollView嵌套在垂直父ScrollView中时，内部元素由父ScrollView裁剪。目前(Xcode 11.4)是否有一种改变这种行为的方法？

​

当ScrollView不嵌套时，它可以正常工作。(注释掉父元素)红色元素是在SafeArea上绘制的。

​

​

Answer 1

以下是考虑的可能方法。

然而，在SwiftUI中似乎存在一个缺陷--在更改方向上，横向滚动视图得到了意外的偏移(内部，因为边界上所有外部的都是可以的)。我还没找到解决办法，但是.不管怎样，

用Xcode 11.4 / iOS 13.4测试

​

​

    var body: some View {
        GeometryReader { gp in
            ScrollView(showsIndicators: true) {
                VStack {
                    ForEach(0..<3) { i in
                        ScrollView(.horizontal, showsIndicators: true) {
                            HStack {
                                ForEach(0..<10) { j in
                                    Color.red.frame(width: 100, height: 100)
                                }
                            }
                        }.background(Color.blue)
                    }
                }.frame(width: gp.size.width)
            }.background(Color.green)
        }.edgesIgnoringSafeArea(.horizontal)
    }