SwiftUI Picker如何在重选当前选项时触发事件？

方案1：给Picker选项添加同步手势（推荐，适用于多数样式） #

直接给Picker内部的每个选项视图添加simultaneousGesture，无论选项是否处于选中状态，点击时都会触发手势事件，进而执行你的业务逻辑（比如重新获取数据）。这种方式不会干扰Picker本身的选择逻辑。

示例代码：

@State private var selectedTab = 0
private let tabs = ["首页", "发现", "我的"]

private func handleTabTap(_ index: Int) {
    print("触发操作：\(tabs[index])")
    // 执行数据获取逻辑
    if index == selectedTab {
        // 重选已选中项，执行刷新逻辑
        print("重新加载\(tabs[index])数据")
    } else {
        // 切换选项，更新选中状态
        selectedTab = index
    }
}

var body: some View {
    Picker("页面切换", selection: $selectedTab) {
        ForEach(tabs.indices, id: \.self) { index in
            Text(tabs[index])
                .simultaneousGesture(
                    TapGesture().onEnded {
                        handleTabTap(index)
                    }
                )
        }
    }
    .pickerStyle(.segmented)
}

方案2：自定义Binding配合临时状态（适用于依赖onChange的场景） #

如果你的逻辑必须依赖onChange触发，可以通过自定义Binding，在用户点击已选项时，先将selection临时设置为无效值，再立刻恢复原值，强制触发onChange事件。

示例代码：

@State private var selectedTab = 0
private let tabs = ["首页", "发现", "我的"]
// 临时状态，用于标记重选操作
@State private var isReselecting = false

private var tabBinding: Binding<Int> {
    Binding(
        get: { selectedTab },
        set: { newValue in
            if newValue == selectedTab {
                // 重选已选项，标记状态并临时修改选中值
                isReselecting = true
                selectedTab = -1
                // 立刻恢复原值，触发onChange
                DispatchQueue.main.async {
                    selectedTab = newValue
                }
            } else {
                selectedTab = newValue
                isReselecting = false
            }
        }
    )
}

var body: some View {
    Picker("页面切换", selection: tabBinding) {
        ForEach(tabs.indices, id: \.self) { index in
            Text(tabs[index])
        }
    }
    .pickerStyle(.segmented)
    .onChange(of: selectedTab) { newTab in
        guard newTab != -1 else { return }
        print("触发操作：\(tabs[newTab])")
        if isReselecting {
            print("重新加载数据")
            isReselecting = false
        }
    }
}

方案3：包装UIKit的UISegmentedControl（针对分段样式） #

如果上述SwiftUI原生方案不符合需求，可以通过UIViewRepresentable包装UIKit的UISegmentedControl，利用UIKit的手势系统精准监听每个分段的点击（包括已选中项）。

示例代码：

struct CustomSegmentedControl: UIViewRepresentable {
    let options: [String]
    @Binding var selectedIndex: Int
    let onTap: (Int) -> Void
    
    func makeUIView(context: Context) -> UISegmentedControl {
        let control = UISegmentedControl(items: options)
        control.selectedSegmentIndex = selectedIndex
        control.addTarget(context.coordinator, action: #selector(Coordinator.onValueChanged(_:)), for: .valueChanged)
        
        // 添加点击手势监听所有分段点击
        let tapGesture = UITapGestureRecognizer(target: context.coordinator, action: #selector(Coordinator.onTap(_:)))
        control.addGestureRecognizer(tapGesture)
        
        return control
    }
    
    func updateUIView(_ uiView: UISegmentedControl, context: Context) {
        if uiView.selectedSegmentIndex != selectedIndex {
            uiView.selectedSegmentIndex = selectedIndex
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject {
        let parent: CustomSegmentedControl
        
        init(_ parent: CustomSegmentedControl) {
            self.parent = parent
        }
        
        @objc func onValueChanged(_ control: UISegmentedControl) {
            parent.selectedIndex = control.selectedSegmentIndex
        }
        
        @objc func onTap(_ gesture: UITapGestureRecognizer) {
            guard let control = gesture.view as? UISegmentedControl else { return }
            let location = gesture.location(in: control)
            for index in 0..<control.numberOfSegments {
                let segmentFrame = control.segmentFrame(at: index)
                if segmentFrame.contains(location) {
                    parent.onTap(index)
                    break
                }
            }
        }
    }
}

// 扩展UISegmentedControl获取分段frame
extension UISegmentedControl {
    func segmentFrame(at index: Int) -> CGRect {
        let segmentWidth = bounds.width / CGFloat(numberOfSegments)
        return CGRect(x: CGFloat(index) * segmentWidth, y: 0, width: segmentWidth, height: bounds.height)
    }
}

// 使用示例
struct ContentView: View {
    @State private var selectedIndex = 0
    private let tabs = ["首页", "发现", "我的"]
    
    var body: some View {
        CustomSegmentedControl(
            options: tabs,
            selectedIndex: $selectedIndex,
            onTap: { index in
                print("触发操作：\(tabs[index])")
                if index == selectedIndex {
                    print("重新加载数据")
                }
            }
        )
    }
}

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