SwiftUI中检测TabView点击事件实现双击刷新页面的代码应放在哪里？

实现方案 #

你需要配合状态变量、通知监听实现双击判定逻辑，完整代码如下：

import SwiftUI

// 扩展劫持UITabBar点击事件，支持监听同一tab的重复点击
extension UITabBarController {
    open override func viewDidLoad() {
        super.viewDidLoad()
        delegate = self
    }
}

extension UITabBarController: UITabBarControllerDelegate {
    public func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
        NotificationCenter.default.post(
            name: NSNotification.Name("tabBarClicked"), 
            object: tabBarController.selectedIndex
        )
    }
}

struct ContentView: View {
    // 记录当前选中的tab
    @State private var selectedTab = 0
    // 记录上一次点击的tab索引
    @State private var lastClickedTab = 0
    // 记录上一次点击的时间戳
    @State private var lastClickTime = Date.timeIntervalSinceReferenceDate
    // 刷新触发标记，可传递给子视图触发重绘/刷新逻辑
    @State private var refreshTrigger = UUID()

    // 双击判定阈值，单位秒，300ms为常规双击间隔
    private let doubleTapThreshold = 0.3

    var body: some View {
        TabView(selection: $selectedTab) {
            Text("First Tab，刷新标记：\(refreshTrigger.uuidString.prefix(5))")
                .tabItem {
                    Label("First", systemImage: "1.square.fill")
                }
                .tag(0)
            
            Text("Second Tab，刷新标记：\(refreshTrigger.uuidString.prefix(5))")
                .tabItem {
                    Label("Second", systemImage: "2.square.fill")
                }
                .tag(1)
            
            Text("Third Tab，刷新标记：\(refreshTrigger.uuidString.prefix(5))")
                .tabItem {
                    Label("Third", systemImage: "3.square.fill")
                }
                .tag(2)
        }
        // 监听tab点击通知
        .onReceive(NotificationCenter.default.publisher(for: NSNotification.Name("tabBarClicked"))) { output in
            guard let clickedIndex = output.object as? Int else { return }
            let now = Date.timeIntervalSinceReferenceDate
            // 判定是否为同一tab的双击操作
            if clickedIndex == lastClickedTab && now - lastClickTime < doubleTapThreshold {
                // 替换为你的实际刷新逻辑：网络请求/更新视图状态都可写在这里
                refreshTrigger = UUID()
                print("双击了第\(clickedIndex+1)个标签，执行刷新")
            }
            // 更新点击记录
            lastClickedTab = clickedIndex
            lastClickTime = now
        }
    }
}

逻辑说明 #

• 核心的双击判定和刷新逻辑放在TabView的onReceive修饰符中即可，每次点击任意tab标签都会触发这里的判定逻辑
• 每个tab需要设置对应的tag属性，和selectedTab的取值范围一一对应
• 如果需要子视图跟随刷新，直接把refreshTrigger作为参数传递给子视图，子视图通过onChange(of: refreshTrigger)监听值变化，即可触发自身的刷新逻辑
• 不需要监听重复点击的话可以移除UITabBarController的扩展，改用onChange(of: selectedTab)监听选中状态变化即可

内容的提问来源于stack exchange，提问作者neco