iOS 15下SwiftUI TabView切换视图时标签栏外观不更新如何解决？

这个是iOS 15的系统级Bug，系统仅会在当前页面的滚动视图内容偏移量变化时重新计算TabBar的外观，切换标签时不会主动触发重算，导致样式停留在上一个标签页的状态，只有触发App级别的页面刷新（比如打开控制中心再返回）才会重新计算。

根据你的App最低兼容版本和业务需求，可以选择以下任意一种方案：

方案1：切换标签时主动触发TabBar刷新（兼容iOS 15+，保留系统自动切换样式的逻辑） #

这个方案不需要修改原有业务逻辑，只需要监听标签切换事件，主动触发TabBar重新布局即可让系统重新计算当前页面对应的外观。

1. 首先添加UIView扩展用于递归查找所有子视图：

extension UIView {
    var allSubviews: [UIView] {
        subviews + subviews.flatMap(\.allSubviews)
    }
}

2. 在原有TabView上添加onChange监听：

struct ContentView: View {
    @State var selection: Tab = .noScroll
    
    var body: some View {
        TabView(selection: $selection) {     
            Text("Should have a transparent tab bar")
                .tabItem{ Label("No-scroll", systemImage: "xmark.circle") }
                .tag(Tab.noScroll)
            
            ScrollView {
                VStack(spacing: 10) {
                    ForEach(0..<100) {_ in
                        Text("Should have a translucent tab bar")
                    }
                }
            }
            .tabItem { Label("Scroll", systemImage: "circle") }
            .tag(Tab.scroll)
        }
        // 新增以下代码
        .onChange(of: selection) { _ in
            guard #available(iOS 15.0, *) else { return }
            guard let window = UIApplication.shared.connectedScenes
                    .filter({ $0.activationState == .foregroundActive })
                    .compactMap({ $0 as? UIWindowScene })
                    .first?.windows
                    .first(where: \.isKeyWindow) else { return }
            if let tabBar = window.rootViewController?.view.allSubviews.compactMap({ $0 as? UITabBar }).first {
                tabBar.setNeedsLayout()
                tabBar.layoutIfNeeded()
            }
        }
    }
}

方案2：全局固定TabBar样式（兼容iOS 15+，性能最优） #

如果你的业务不需要TabBar跟随页面滚动状态自动切换透明/半透明，可以直接全局指定固定外观，从根源避免系统自动计算的Bug：
在App启动入口（比如App结构体的init方法，或者UIKit项目的didFinishLaunchingWithOptions代理中）添加以下代码：

if #available(iOS 15.0, *) {
    let tabBarAppearance = UITabBarAppearance()
    // 按需设置固定样式：透明背景用configureWithTransparentBackground，半透用configureWithDefaultBackground
    tabBarAppearance.configureWithTransparentBackground()
    UITabBar.appearance().standardAppearance = tabBarAppearance
    UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
}

方案3：使用iOS 16+原生API（最低兼容iOS 16，最规范） #

如果你的App最低支持版本可以升级到iOS 16，可以直接使用SwiftUI原生的toolbarBackground modifier为每个页面单独指定TabBar背景，完全避免系统Bug：

TabView(selection: $selection) {     
    Text("Should have a transparent tab bar")
        .toolbarBackground(.hidden, for: .tabBar) // 新增：隐藏TabBar背景
        .tabItem{ Label("No-scroll", systemImage: "xmark.circle") }
        .tag(Tab.noScroll)
    
    ScrollView {
        VStack(spacing: 10) {
            ForEach(0..<100) {_ in
                Text("Should have a translucent tab bar")
            }
        }
    }
    .toolbarBackground(.visible, for: .tabBar) // 新增：显示TabBar半透背景
    .tabItem { Label("Scroll", systemImage: "circle") }
    .tag(Tab.scroll)
}

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