如何在SwiftUI iOS中修改状态栏文字颜色

问题分析 #

你当前的代码存在两个核心问题：

1. 循环创建视图：在ContentView的初始化方法中调用switchHostingController，而该方法又会新建ContentView实例作为自定义HostingController的根视图，导致无限循环，最终自定义状态栏样式逻辑无法正常生效。
2. 样式未动态适配：固定返回.lightContent的逻辑没有结合系统浅色/深色主题做适配，且生效时机错误。

解决方案 #

1. 修复视图创建逻辑，直接在App入口使用自定义HostingController

移除ContentView中替换根视图的代码，直接在App结构体的WindowGroup中使用自定义HostingController包裹ContentView，确保App启动时就由该控制器管理状态栏样式。

2. 让自定义HostingController适配系统主题

修改自定义HostingController，使其根据系统的userInterfaceStyle动态返回对应的状态栏样式，或根据需求固定样式。

3. 确认Info.plist配置

确保Info.plist中的UIViewControllerBasedStatusBarAppearance（键名：View controller-based status bar appearance）设置为YES（默认值为YES，若被修改需恢复），保证控制器的状态栏样式设置生效。

完整代码示例 #

Test_applicationApp.swift

import SwiftUI

@main
struct Test_applicationApp: App {
    var body: some Scene {
        WindowGroup {
            // 直接用自定义HostingController包裹ContentView
            StatusBarHostingController(rootView: ContentView())
        }
    }
}

class StatusBarHostingController<Content: View>: UIHostingController<Content> {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        // 跟随系统主题切换：深色主题用浅色文字，浅色主题用深色文字
        traitCollection.userInterfaceStyle == .dark ? .lightContent : .darkContent
        
        // 若需固定为浅色文字，替换为下面一行
        // return .lightContent
    }
    
    // 监听系统主题变化，实时更新状态栏样式
    override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        super.traitCollectionDidChange(previousTraitCollection)
        if traitCollection.userInterfaceStyle != previousTraitCollection?.userInterfaceStyle {
            setNeedsStatusBarAppearanceUpdate()
        }
    }
}

ContentView.swift

import SwiftUI

struct ContentView: View {
    // 移除原init中的switchHostingController调用，避免循环
    var body: some View {
        ZStack {
            // 你的视图内容示例
            Color.white // 浅色背景配合浅色主题下的深色状态栏文字
            // 若背景为深色（如Color.black），可直接固定状态栏为浅色
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .preferredColorScheme(.light)
            .previewDisplayName("浅色主题")
        ContentView()
            .preferredColorScheme(.dark)
            .previewDisplayName("深色主题")
    }
}

额外说明 #

• 如果需要忽略系统主题，始终显示浅色状态栏文字，只需将preferredStatusBarStyle固定返回.lightContent。
• 可通过预览中的preferredColorScheme快速切换主题查看效果，真机测试时需切换系统的显示模式验证。

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