如何修改SwiftUI NavigationSplitView折叠侧边栏切换按钮的颜色？

默认情况下，NavigationSplitView的侧边栏折叠/展开按钮会跟随系统主题的tint颜色，直接给NavigationSplitView或其sidebarContent添加.tint/.accentColor修饰符无法覆盖这个按钮的样式——因为它属于系统导航栏的内置控件，不受SwiftUI层级的修饰符直接控制。

可行解决方案：通过UIKit外观代理修改 #

这个按钮的样式由UINavigationBar的外观配置控制，我们可以通过UIKit的外观代理来自定义颜色：

1. 全局生效（应用级）

在App的初始化方法中设置，整个应用的导航栏按钮都会统一使用自定义颜色：

struct YourApp: App {
    init() {
        let navBarAppearance = UINavigationBarAppearance()
        // 设置按钮正常状态的颜色
        navBarAppearance.buttonAppearance.normal.titleTextAttributes = [
            .foregroundColor: UIColor(yourCompanyBrandColor)
        ]
        // 可选：设置按钮高亮状态的颜色
        navBarAppearance.buttonAppearance.highlighted.titleTextAttributes = [
            .foregroundColor: UIColor(yourCompanyHighlightColor)
        ]
        
        // 应用到所有导航栏外观场景
        UINavigationBar.appearance().standardAppearance = navBarAppearance
        UINavigationBar.appearance().scrollEdgeAppearance = navBarAppearance
        UINavigationBar.appearance().compactAppearance = navBarAppearance
    }
    
    var body: some Scene {
        WindowGroup {
            NavigationSplitView {
                // 侧边栏内容
            } detail: {
                // 详情内容
            }
        }
    }
}

2. 局部生效（仅特定View）

如果只需要在某个View中修改按钮颜色，记得在离开时恢复原来的外观配置：

struct TargetView: View {
    @State private var originalNavBarAppearance: UINavigationBarAppearance?
    
    var body: some View {
        NavigationSplitView {
            Text("侧边栏")
        } detail: {
            Text("详情页")
        }
        .onAppear {
            // 保存原始外观
            originalNavBarAppearance = UINavigationBar.appearance().standardAppearance
            
            // 创建自定义外观
            let customAppearance = UINavigationBarAppearance()
            customAppearance.buttonAppearance.normal.titleTextAttributes = [
                .foregroundColor: UIColor(.orange) // 替换为你的目标颜色
            ]
            
            // 应用自定义配置
            UINavigationBar.appearance().standardAppearance = customAppearance
            UINavigationBar.appearance().scrollEdgeAppearance = customAppearance
            UINavigationBar.appearance().compactAppearance = customAppearance
        }
        .onDisappear {
            // 恢复原始外观
            guard let original = originalNavBarAppearance else { return }
            UINavigationBar.appearance().standardAppearance = original
            UINavigationBar.appearance().scrollEdgeAppearance = original
            UINavigationBar.appearance().compactAppearance = original
        }
    }
}

3. 适配明暗模式

如果需要区分明暗模式下的按钮颜色，可以使用动态UIColor：

let companyDynamicColor = UIColor { traitCollection in
    traitCollection.userInterfaceStyle == .dark 
        ? UIColor(yourCompanyDarkModeColor) 
        : UIColor(yourCompanyLightModeColor)
}

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