为什么 SwiftUI ScrollView 无法正常工作？

Question

此视图中的所有内容都工作正常，除了我的滚动视图不会滚动到底部并向上弹回。

这是下面的屏幕截图，我无法添加视图的视频，但我正在共享视图的代码和屏幕截图。

在此处输入图像描述

import SwiftUI
import AVKit

struct Servicer_rental_form7: View {
    
    @State var isLinkActive = false
    @State var shouldShowImagePicker = false
    @State var avatarImage = UIImage(systemName: "photo.on.rectangle.angled")!
    private let player = AVPlayer(url: URL(string: "YOUR-URL.mp4")!)
    @State var isChecked:Bool = false
    func toggle(){isChecked = !isChecked}
    @State var isLinkActive1 = false
    
    var body: some View {
        ZStack{
            ScrollView(.vertical, showsIndicators: false) {
                VStack{
                    Text("Upload Images")
                        .offset(x:-getReact().width/3.5,y: getSafearea().bottom + 10)
                        .font(.system(size: 22,weight: .semibold,design: .default))
                    Button( action: {
                        shouldShowImagePicker = true
                    }, label: {

                        Image( systemName: "camera")
                            .foregroundColor(Color("YellowAccent"))
                            .offset(x:-getReact().width/10)

                        Text("Upload Image").underline()
                            .foregroundColor(Color.black)
                            .offset(x:-getReact().width/10)
                            .overlay(
                                RoundedRectangle(cornerRadius: 10)
                                    .stroke(Color("YellowAccent"), lineWidth: 2)
                                    .frame(width:380, height: 60)
                                 .offset(x: getReact().width/40, y: getSafearea().bottom + -35)
                            )
                    })
                    .offset(x: -getReact().width/19, y: getSafearea().bottom + 50)
                    
                    Image(uiImage: avatarImage)
                        .resizable()
                        .frame(width: 380, height:290)
                        .padding(.all)
                        .offset(y: getSafearea().bottom + -150)
                    .overlay(
                        RoundedRectangle(cornerRadius: 10)
                            .stroke(Color.gray, lineWidth: 3)
                            .frame(width: 380, height:300)
                            .offset(x: 5,y: getSafearea().bottom + -155)
                    )
                    .offset(x: 5,y: getSafearea().bottom + 180)
                        
                    Text("Upload 3D Floor Plans")
                        .offset(x:-getReact().width/5.5,y: getSafearea().bottom + 50)
                        .font(.system(size: 22,weight: .semibold,design: .default))
                    Button( action: {
                        shouldShowImagePicker = true
                    }, label: {

                        Image( systemName: "camera")
                            .foregroundColor(Color("YellowAccent"))
                            .offset(x:-getReact().width/10)

                        Text("Upload Image").underline()
                            .foregroundColor(Color.black)
                            .offset(x:-getReact().width/10)
                            .overlay(
                                RoundedRectangle(cornerRadius: 10)
                                    .stroke(Color("YellowAccent"), lineWidth: 2)
                                    .frame(width:380, height: 60)
                                 .offset(x: getReact().width/40, y: getSafearea().bottom + -35)
                            )
                    })
                    .offset(x: -getReact().width/19, y: getSafearea().bottom + 80)

                    Text("Upload Video")
                        .offset(x:-getReact().width/3.75,y: getSafearea().bottom + 110)
                        .font(.system(size: 22,weight: .semibold,design: .default))
                    Button( action: {
                       // shouldShowImagePicker = true
                    }, label: {

                        Image( systemName: "camera")
                            .foregroundColor(Color("YellowAccent"))
                            .offset(x:-getReact().width/10)

                        Text("Upload Video").underline()
                            .foregroundColor(Color.black)
                            .offset(x:-getReact().width/10)
                            .overlay(
                                RoundedRectangle(cornerRadius: 10)
                                    .stroke(Color("YellowAccent"), lineWidth: 2)
                                    .frame(width:380, height: 60)
                                 .offset(x: getReact().width/40, y: getSafearea().bottom + -35)
                            )
                    })
                    .offset(x: -getReact().width/19, y: getSafearea().bottom + 140)

                    Group{
                        VideoPlayer(player: player)
                        
                            .onAppear() {
                                player.play()
                            }
                            .frame(width: 350, height: 290)
                            .cornerRadius(20)
                            .offset( y: getSafearea().bottom + 165)
                        
                        Button(action: toggle){
                            HStack{
                                Image(systemName: isChecked ? "checkmark.square.fill": "square")
                                    .foregroundColor(.green)
                                Text("I agree to terms and conditions")
                                    .foregroundColor(Color.black)
                                    .font(.system(size: 15,weight: .medium, design: .default))
                                
                            }
                            //.padding(.leading, 50)
                            
                        }//button1
                        .offset( x:-40,y: getSafearea().bottom + 165)
                        
                        Button(action: {
                            //code
                        }, label: {
                            
                            HStack{
                                Image("flashLane 1")
                                Text("Flash Lane")
                                    .bold()
                            }
                            .frame(width: 140, height: 40)
                        })
                        
                        .buttonStyle(.borderedProminent)
                        .tint(.orange)
                        .offset(x: -getReact().width/4.5,y: getSafearea().bottom + 190)
                        
                        Button(action: {
                            //code
                        }, label: {
                            
                            HStack{
                                Image("REasyLane")
                                Text("R-Eazy Lane")
                                    .bold()
                            }
                            .frame(width: 140, height: 40)
                            
                        })
                        
                        .buttonStyle(.borderedProminent)
                        .tint(.purple)
                        .offset(x: getReact().width/4.5,y: getSafearea().bottom + 130)
                        
                        Button(action: {
                            //action
                            isLinkActive1 = true
                        }) {
                            Text("Publish")
                                .foregroundColor(Color.white)
                                .fontWeight(.bold)
                                .frame (width: 330, height: 20)
                                .padding()
                                .background(Color("YellowAccent"))
                                .cornerRadius(10)
                            
                                .shadow(color: .gray, radius: 5, x: 0, y: 4)
                        }
                        .offset(x: 6,y: getSafearea().bottom + 140)
                        .padding(.bottom)
                        
                    
                    }//grp
                    
                } //vstack
                .frame(width: getReact().width, height: getReact().height)
                .sheet(isPresented: $shouldShowImagePicker, content: {
                    ImagePicker(avatarImage: $avatarImage)  })
                 .padding(.top)
//                .background(
//                    NavigationLink(destination: Servicer_rental_form2(), isActive: $isLinkActive) {
//                        EmptyView()
//                    }
//                        .hidden()
                //)
               
            }
            
        //.frame(width: getReact().width)
        }
       // .padding(.top,-80)
        .toolbar {
            ToolbarItem(placement: .principal) {
                Text("Filter")
                    .frame(width: 300, height: 10)
                    .foregroundColor(Color.black)
                    .font(.system(size: 30,weight: .medium, design: .default))
            }
        }
        
    }
}

struct Servicer_rental_form7_Previews: PreviewProvider {
    static var previews: some View {
        Servicer_rental_form7()
    }
}

注意：getReact() 和 getSafearea() 是我单独制作的用于调整组件大小的方法，删除或添加它们不会影响滚动视图问题。

Answer 1

offset或getReact / getSafeArea存在一些问题。 我通过删除offset来运行您的代码，它在我这边运行良好。