swift - UIScrollView 在缺口手机中给出了意想不到的结果

Question

我正在尝试在 SwiftUI 中构建可滚动的卡片。我已经使用 UIScrollView 使用 UIViewRepresentable 来实现一些附加功能（速度）。我想实现向下滑动以关闭卡片。我想出了以下代码，并使用了与 UIScrollView 提供的速度相同的交互式弹簧动画。问题是我的代码和动画在没有缺口的手机上运行良好，但在使用缺口手机时，我在动画中遇到了一些故障。

这是我的 UIScrollView 包装器

struct MyScrollView<Content: View>: UIViewRepresentable {
    
    @ObservedObject var viewModel: ScrollViewModel
    @ViewBuilder var content: () -> Content
   
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UIScrollViewDelegate {
        var parent: MyScrollView
        var hostingController: UIHostingController<Content>!

        init(_ parent: MyScrollView) {
            self.parent = parent
        }
        
        
        func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
            self.parent.viewModel.velocity = velocity.y
        }
    }
    
    func makeUIView(context: Context) -> UIScrollView {
        let scrollView = UIScrollView()
        
        scrollView.delegate = context.coordinator
        scrollView.isScrollEnabled = true
        
        let child = UIHostingController(rootView: content())
        child.view.backgroundColor = .clear
        context.coordinator.hostingController = child
        
        scrollView.addSubview(child.view)
        
        let newSize = child.view.sizeThatFits(CGSize(width: UIScreen.Width, height: UIScreen.Height))
        child.view.frame = CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height)
        
        scrollView.contentSize = newSize
        
        return scrollView
    }
    
    func updateUIView(_ uiView: UIScrollView, context: Context) {

            context.coordinator.hostingController?.rootView = content()
        
    }
    
    typealias UIViewType = UIScrollView
}

这是我的数据

class ScrollViewModel: ObservableObject {
    @Published var enable = true
    @Published var velocity = CGFloat.zero
}

这是我的 ContentView

struct ContentView: View {
    
    @StateObject var viewModel = ScrollViewModel()

    var body: some View {
        ZStack {
            Button {
                withAnimation(.interpolatingSpring(mass: 0.01, stiffness: 1, damping: 1, initialVelocity: -viewModel.velocity)) {
                    viewModel.enable = true
                }
            } label: {
                Text("Enable")
                  .padding()
            }

            
            if viewModel.enable {
                MyScrollView(viewModel: viewModel) {
                    RoundedRectangle(cornerRadius: 10)
                        .fill(.purple)
                        .frame(height: UIScreen.Height)
                        .offset(y: 50)
                }
                .onChange(of: viewModel.velocity) { newValue in
                    if viewModel.velocity < -2 {
                        withAnimation(.interpolatingSpring(mass: 0.01, stiffness: 1, damping: 1, initialVelocity: -viewModel.velocity)) {
                            viewModel.enable = false
                        }
                    }
                }
                .transition(.move(edge: .bottom))
            }
        }
    }
}

我不知道是什么导致了这个问题。我需要一些帮助。提前致谢 ！

标签： swiftswiftuiuiviewuiscrollviewuikit