您需要更改容器构造的顺序。以下临时演示作品有效：

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

我知道了。看来您需要为scrollview指定帧大小，所以我这样做了。

       GeometryReader { geometry in
            Spacer()
                VStack{
                    Text ("fdklafdfa")
                        .foregroundColor(.blue)
                         .frame(width: geometry.size.width,height:geometry.size.height * 0.32,alignment: .bottom)
                    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 ()
                             }//end of VStack
                         }//end of scroll view
                        .frame(width: geometry.size.width,height:geometry.size.height * 0.68,alignment: .bottom)
                        .edgesIgnoringSafeArea(.all)
                        .background(Color.black)
                }//End of main VStack

                 }//close geometry reader