SwiftUI：卡在无限页面视图实现上

如何解决SwiftUI：卡在无限页面视图实现上

我正在尝试在纯 SwiftUI 中创建一个 PageView。下面是我的测试代码。一切都按预期进行，但 DragGesture 除外。它只是不调用“onEnded”函数。绝不。我该如何解决？

struct PageView<V: View>: Identifiable {
    let id = UUID()
    var content: V
}

struct InfinitePageView: View {
    @State private var pages: [PageView] = [
        PageView(content: Text("Page")),PageView(content: Text("Page")),PageView(content: Text("Page"))
    ]
    
    @State private var selectedindex: Int = 1
    @State private var isDragging: Bool = false
    
    private var drag: some Gesture {
        DragGesture()
            .onChanged { _ in
                self.isDragging = true
            }
            .onEnded { _ in
                self.isDragging = false
                dispatchQueue.main.asyncAfter(deadline: .Now() + 0.3) {
                    resolvePages()
                }
            }
    }
    
    var body: some View {
        NavigationView {
            TabView(selection: $selectedindex) {
                ForEach(pages) { page in
                    page.content
                        .tag(pages.firstIndex(where: { $0.id == page.id })!)
                }
            }
            .tabViewStyle(PageTabViewStyle(indexdisplayMode: .never))
            .gesture(drag)
            .onChange(of: selectedindex,perform: { value in
                guard !isDragging else { return }
                dispatchQueue.main.async {
                    resolvePages()
                }
            })
        }
    }
    
    private func resolvePages() {
        if selectedindex > 1 {
            addNextPage()
        }
        if selectedindex < 1 {
            addPrevIoUsPage()
        }
    }
    
    private func addNextPage() {
        pages.append(PageView(content: Text("Page")))
        pages.removeFirst()
        selectedindex = 1
    }
    
    private func addPrevIoUsPage() {
        pages.insert(PageView(content: Text("Page")),at: 0)
        pages.removeLast()
        selectedindex = 1
    }
}

解决方法

这是 SwiftUI 的一个已知问题

您设置的 DragGesture 可能会被 DragGesture 中的 TabView 覆盖。

可以使用这篇文章 Detect DragGesture cancelation in SwiftUI 中的设置检测到 onEnded，但这会停用 TabView/Page 手势。

您的 onChange 代码 selectedIndex 会在新页面被选中后运行，其行为应与 onEnded 相同。