scrollview - SwiftUI，ScrollView 在 ZStack 中向上推送 VStack 图像

Question

当我应用 scrollview 时，它会将我的整个 View 向上推，并在 ZStack 底部下方留下一个空白区域。不知道为什么，但如果有人可以帮助。

var body: some View {


        ZStack{
            GeometryReader { geometry in
            Spacer()
             ScrollView (.vertical, showsIndicators: false) {
            VStack (spacing : self.Vspacing){
                Spacer()
                ForEach (self.buttons, id: \.self) { row in
                    SportsButtonsRow(screenWidth: geometry.size.width,
                                     Hspacing: self.Hspacing,
                                     buttons: row,  didTapButton: { sportButton in self.displayText = sportButton.title}
                                    )
                }//end foreach
               //  Spacer ()
            }.background(Color.black)//end of VStack
        }//end of scroll view
                 }//close geometry reader
    }//end of ZStack
        .edgesIgnoringSafeArea(.all)

}//end of main some View

Answer 1

您需要更改容器构建的顺序。以下临时演示有效:

var body: some View {
        ZStack{
            GeometryReader { geometry in
                ScrollView (.vertical, showsIndicators: false) {

                // YOUR CONTENT HERE

                }
                .background(Color.black)//end of VStack
                .frame(height: geometry.size.height)
                //end of scroll view
        } //close geometry reader
        .edgesIgnoringSafeArea(.all)
    } //end of ZStack
} //end of main some View