SwiftUI TabView 拦截自定义Tab点击动作异常问题咨询

异常触发原因 #

该问题的核心是SwiftUI中@State的特性：当你给@State修饰的变量赋值为和当前值完全相同的值时，SwiftUI不会触发状态变更通知，也就不会触发视图重绘。
当你已经选中tag=2的B标签时，value的当前值就是2，此时点击tag=4的D标签的完整流程是：

1. TabView检测到点击的tag=4和当前绑定的adapterValue的get返回值2不一致，内部先将标签栏的选中态临时切换到D
2. 调用adapterValue的set方法，传入新值4
3. 你的set逻辑里检测到$0=4，给value赋值2，但此时value原本就是2，@State没有检测到值变化，不会触发View重绘
4. TabView没有收到新的selection值，就停留在了选中D的状态，不符合预期

修复方案 #

这里提供两种可行的修复方式，按需选择即可：

方案1：修改Binding逻辑，强制触发状态更新 #

在检测到选中tag=4的时候，如果当前value已经是目标值2，先给value赋一个不存在的临时tag值，再赋值为2，强制触发@State变更：

private var adapterValue: Binding<Int> {
    Binding<Int>(get: {
        self.value == 4 ? 2 : self.value
    }, set: {
        if $0 == 4 {
            // 此处添加你要执行的自定义逻辑
            if self.value == 2 {
                // 临时赋值无效tag触发状态更新
                self.value = -1
            }
            self.value = 2
        } else {
            self.value = $0
        }
    })
}

方案2：改用onChange监听，逻辑更清晰 #

直接绑定原始的value到TabView的selection，通过onChange监听选中值变化，处理自定义逻辑后修正选中值，这个方式可读性更高，也更容易维护：

import SwiftUI

struct ContentView: View {
    @State var value: Int = 1

    var body: some View {
        TabView(selection: $value, content:  {
            Text("A").tabItem {
                Text("A")
            }
            .tag(1)
            
            Text("B").tabItem {
                Text("B")
            }
            .tag(2)
            
            Text("C").tabItem {
                Text("C")
            }
            .tag(3)
            
            // D视图仅作为标签占位，实际不会被展示
            Text("D").tabItem {
                Text("D")
            }
            .tag(4)
        })
        .onChange(of: value) { newValue in
            if newValue == 4 {
                // 此处执行你需要的自定义逻辑
                // 修正选中值为2
                value = 2
            }
        }
    }
}

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