SwiftUI含Map视图中导航栏标题颜色修改问题

成因 #

你通过UINavigationBar.appearance()全局修改导航栏标题颜色的方式，会被Map组件触发的系统样式重置覆盖。MapKit内部的MKMapView在渲染时，系统会自动调整导航栏的默认样式以适配地图展示逻辑，导致你的全局外观设置失效。此外，这种全局修改方式本身就存在样式冲突风险，SwiftUI视图渲染周期与UIKit全局外观的设置时机不匹配，在包含Map这类特殊组件时问题更明显。

解决方法 #

改用SwiftUI原生的局部样式设置方式，避免全局修改：

方案1：iOS 16+ 用toolbarTitleColor #

直接替换自定义的navigationBarTitleTextColor modifier为原生的toolbarTitleColor：

// 在StadiumMapView的body中
.navigationTitle("Stadiums")
.toolbarTitleColor(Color("Blue")) // 原生modifier，精准控制当前视图标题颜色

方案2：兼容iOS 15及以下 自定义ToolbarItem #

通过自定义导航栏标题控件来完全控制样式：

// 在StadiumMapView的body中，替换navigationTitle和自定义modifier为以下代码
.toolbar {
    ToolbarItem(placement: .principal) {
        Text("Stadiums")
            .font(.system(size: 17, weight: .semibold)) // 匹配默认导航标题字体
            .foregroundColor(Color("Blue"))
    }
}

清理全局扩展 #

删除之前的View扩展，避免全局样式干扰后续视图：

// 移除这个全局修改扩展
// extension View {
//     func navigationBarTitleTextColor(_ color: Color) -> some View {
//         ...
//     }
// }

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