iOS15 SwiftUI 弹出子NavigationView返回后TabBar透明问题

问题复现 #

1. 在首页Feed页面打开一个子导航详情视图：
   
2. 进入详情视图后点击返回按钮：
   
3. 复现Bug，TabBar变为透明：
   

根本原因 #

iOS 15及以上系统对UITabBar的默认外观逻辑做了调整：滚动边缘状态下TabBar默认是透明效果，当push进入带滚动视图的子页面时，系统会自动修改TabBar的外观状态，pop返回父页面时状态没有自动同步重置，就会出现透明、内容穿透的问题。

修复方案 #

方案1：全局统一TabBar样式（兼容iOS 15+，适用绝大多数场景） #

在App入口的初始化方法中统一配置TabBar的外观，避免系统自动切换样式：

@main
struct YourApp: App {
    init() {
        let appearance = UITabBarAppearance()
        // 若需要半透磨砂效果，使用configureWithDefaultBackground()
        // 若需要完全不透明的纯色背景，使用configureWithOpaqueBackground()
        appearance.configureWithDefaultBackground()
        // 自定义背景色可添加：appearance.backgroundColor = .yourCustomColor
        
        // 同时设置普通状态和滚动边缘状态的外观，避免状态切换异常
        UITabBar.appearance().standardAppearance = appearance
        UITabBar.appearance().scrollEdgeAppearance = appearance
    }
    
    var body: some Scene {
        WindowGroup {
            RootView()
        }
    }
}

方案2：SwiftUI原生修饰符（仅支持iOS 16+） #

不需要兼容iOS 15及更低版本时，可直接使用SwiftUI原生toolbar修饰符：

TabView {
    FeedView()
        .tabItem {
            Label("Feed", systemImage: "list.bullet")
        }
    // 其他Tab项
}
// 强制TabBar背景始终显示
.toolbarBackground(.visible, for: .tabBar)
// 可选：自定义TabBar背景色
// .toolbarBackground(.systemBackground, for: .tabBar)

注意事项 #

如果子页面有隐藏TabBar的需求，注意修饰符作用范围：

• 子页面隐藏TabBar使用：toolbar(.hidden, for: .tabBar)
• 若返回后仍然异常，可在父Feed页的onAppear中手动重置TabBar外观配置。

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