SwiftUI：水平滚动视图，我能够上下拖动图像

Question

我正在swiftui中创建我的水平滚动视图，但是当我尝试使用它时，我能够上下拉动滚动视图中的子视图，当它第一次加载时，顶部，中间和底部都有空白，就像edgeignore（.all）无法正常工作。请参见下面的代码和图像。我将如何摆脱此空白，并且不允许将顶部的蓝色视图拉起？

var body: some View {
    GeometryReader { geometry in
        ZStack{

            VStack {

                ZStack{

                    ScrollView (.horizontal, showsIndicators: true) {
                        HStack(spacing: 0){
                            Group{
                                Color(.blue)
                                Color(.red)
                                Color(.green)
                            }.frame(width: geometry.size.width, height: geometry.size.height * 0.52)

                        }

                    }//end of scroll\view
                        .frame(width: geometry.size.width, height: geometry.size.height * 0.52)


                } .frame(width: geometry.size.width, height: geometry.size.height * 0.52)
                    .edgesIgnoringSafeArea(.all)

                ZStack{
                    Color(.orange)

                }//end of second ZStack

                    .frame(width: geometry.size.width, height: geometry.size.height * 0.48)
            }
        }.edgesIgnoringSafeArea(.all)

    }
}

Answer 1

您必须考虑以下因素来重构代码：