SwiftUI如何在TabView切换标签时触发执行自定义函数

原实现失效原因 #

你给TabView内容页添加的simultaneousGesture手势无法生效，是因为用户点击底部的tabItem标签栏时，交互事件由TabView本身的原生控件接收，不会传递到上层的内容视图，因此绑定的手势回调不会被触发。

正确实现方案 #

因为你已经给TabView通过selection参数绑定了selectedTab状态，只需要监听这个状态的变化，就可以在标签切换时执行自定义逻辑，有两种常用实现方式：

方案1：使用onChange修饰器（推荐，iOS 14+支持） #

无需导入额外框架，直接监听状态变化即可，代码示例：

import SwiftUI

struct ContentView: View {
    @State var selectedTab: Int = 0
    var body: some View {
        NavigationView {
            TabView(selection: $selectedTab) {
                Text("View One")
                    .tabItem {
                        Text("View One")
                    }
                    .tag(0) // 注意要给每个tab添加和selectedTab类型匹配的tag，不写默认按顺序匹配
                Text("View Two")
                    .tabItem {
                        Text("View Two")
                    }
                    .tag(1)
                Text("View Three")
                    .tabItem {
                        Text("View Three")
                    }
                    .tag(2)
            }
        }
        .onChange(of: selectedTab) { newValue in
            print("标签切换了!!")
            print("当前选中标签索引：\(newValue)")
            // 这里写你的自定义逻辑
        }
    }
}

方案2：使用onReceive（需要导入Combine框架） #

就是你更新后的写法，需要注意先导入Combine，否则Just会报错：

import SwiftUI
import Combine // 必须导入

struct ContentView: View {
    @State var selectedTab: Int = 0
    var body: some View {
        NavigationView {
            TabView(selection: $selectedTab) {
                Text("View One")
                    .tabItem {
                        Text("View One")
                    }
                    .tag(0)
                Text("View Two")
                    .tabItem {
                        Text("View Two")
                    }
                    .tag(1)
                Text("View Three")
                    .tabItem {
                        Text("View Three")
                    }
                    .tag(2)
            }
        }
        .onReceive(Just(selectedTab)) { newValue in
            print("标签切换了!!")
            print("当前选中标签索引：\(newValue)")
            // 这里写你的自定义逻辑
        }
    }
}

注意事项 #

• 每个tabItem对应的内容视图需要添加和selectedTab类型匹配的tag修饰符，否则selection绑定可能不生效
• 上述两种方案，不管是用户手动点击切换标签，还是代码主动修改selectedTab的值都会触发回调，如果需要区分两种场景，可以自己添加辅助标记位做过滤。

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