iOS15 Xcode 13上的导航栏和选项卡栏变为黑色

在iOS 15和Xcode 13中，导航栏和选项卡栏变为黑色可能是由于系统默认的外观设置发生了变化。iOS 15引入了新的外观API，允许开发者更灵活地自定义UI元素的外观。以下是一些基础概念和相关解决方案：

基础概念

外观API：iOS 15引入了新的UIAppearance API，允许开发者通过UIAppearanceContainer协议自定义UI元素的外观。
系统默认外观：iOS 15默认启用了深色模式，这可能导致导航栏和选项卡栏变为黑色。

类型

深色模式：iOS 15默认支持深色模式，用户可以在系统设置中选择深色或浅色模式。
自定义外观：开发者可以通过代码自定义导航栏和选项卡栏的颜色。

应用场景

适配不同主题：应用可以根据用户的系统设置自动切换深色或浅色模式。
品牌一致性：通过自定义外观，可以使应用的UI元素与品牌形象保持一致。

解决方案

如果你希望将导航栏和选项卡栏恢复为默认的浅色外观，可以通过以下代码进行设置：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置导航栏为浅色外观
        if #available(iOS 15.0, *) {
            let navigationBarAppearance = UINavigationBarAppearance()
            navigationBarAppearance.configureWithOpaqueBackground()
            navigationBarAppearance.backgroundColor = .white
            navigationBarAppearance.titleTextAttributes = [.foregroundColor: UIColor.black]
            UINavigationBar.appearance().standardAppearance = navigationBarAppearance
            UINavigationBar.appearance().scrollEdgeAppearance = navigationBarAppearance
        } else {
            // Fallback on earlier versions
            UINavigationBar.appearance().barTintColor = .white
            UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.black]
        }
        
        // 设置选项卡栏为浅色外观
        if #available(iOS 15.0, *) {
            let tabBarAppearance = UITabBarAppearance()
            tabBarAppearance.configureWithOpaqueBackground()
            tabBarAppearance.backgroundColor = .white
            UITabBar.appearance().standardAppearance = tabBarAppearance
            UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
        } else {
            // Fallback on earlier versions
            UITabBar.appearance().barTintColor = .white
        }
    }
}