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

Question

我正在尝试在纯 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
    }
}

Answer 1

这是 SwiftUI 的一个已知问题

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

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

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