1. 项目的设置选项页里设置 Status 的样式。

• 点击项目
• 点击需要设置的应用

• 设置 Status 的样式

  
  6.1@3x.png

Status Bar Style： 状态栏样式

• Default： 默认样式，是根据当前应用的颜色模式，Dark Model 则显示白色状态栏，Light Model 显示黑色状态栏
• Dark Content： 显示黑色的状态栏
• Light Content： 显示白色的状态栏

Hide status bar： 是否隐藏状态栏

注意♥️： 当你修改设置的时候，会在目录里出现一个项目名称--项目类别--Info.plist 的文件，Info.plist 会存储一些应用的设置选项，当你下载一个 Xcode 13.0 之前建的项目，会看到 Info.plist 这个文件，在 Xcode 13.0 之前，这个文件的内容在应用->项目->顶部的 Info 栏目里。并且自动生成的这个文件里设置有些不生效，可以直接删除。

2. 默认设置

6.2@3x.png

目前的状态里，当我们设置状态栏样式和是否隐藏状态栏无法生效，需要在 info 里增加属性设置。

按照图示里的步骤，在 Info 里的 Custom iOS Target Properties 里，鼠标移动到一个存在的选项里，会出现加号按钮，点击添加添加一条新的记录，选择或者输入 View controller-based status bar appearance 并且后面的属性设置为 NO，则我们设置的初始是否显示状态栏和状态栏样式就可以生效了。

注意♥️： 如果我们点击加号的项目是个下拉的选择，一定要折叠起下来，否则添加的是这个下拉项里的内容。

注意♥️： 如果设置了 NO 则有些效果需要手动处理，比如使用 .sheet 加载新页面的时候，状态栏会变换，但是当我们设置了之后就不会自动切换，具体可以参考 .sheet 章节内容。

3. 动态修改

当我们在切换到新页面的时候，或者点击图片全屏的时候，可能会涉及到在应用里动态修改状态栏，目前需要用到一些 Swift 里的方法，具体可以参考下面代码。

struct StatusView: View {
    @State var show = true
    var body: some View {
        VStack(spacing: 16) {
            Button {
                UIApplication.shared.setStatusBarStyle(.darkContent, animated: true)
            } label: {
                Text("Dark Content")
            }
            
            Button {
                UIApplication.shared.setStatusBarStyle(.lightContent, animated: true)
            } label: {
                Text("Light Content")
            }
            
            Button {
                if show {
                    UIApplication.shared.setStatusBarHidden(true, with: .fade)
                } else {
                    UIApplication.shared.setStatusBarHidden(false, with: .fade)
                }
                show.toggle()
            } label: {
                Text(show ? "隐藏状态栏" : "显示状态栏")
            }
        }.onAppear {
            UIApplication.shared.setStatusBarHidden(true, with: .fade)
        }
    }
}

4. 定义方法

我们可以单独定义一个方法，简化我们的代码。这样我们就可以直接调用 Status().darkContent()

class Status {
    // 白色状态栏
    func lightContent() {
        UIApplication.shared.setStatusBarStyle(.lightContent, animated: true)
    }
    
    // 黑色状态栏
    func darkContent() {
        UIApplication.shared.setStatusBarStyle(.darkContent, animated: true)
    }
    
    // 显示和隐藏状态栏
    func toggleStatus(show: Bool, animation: UIStatusBarAnimation = .fade) {
        UIApplication.shared.setStatusBarHidden(show, with: animation)
    }
}

5. SwiftUI 隐藏状态栏

func statusBar(hidden: Bool) -> some View

暂时无法动态隐藏，应该是 Bug 会在后续某个版本修复，不过这个问题是开始就存在的，什么版本修复未知。

更多内容可以查看应用 SwiftUI For Beginners，一个产品设计师从自学的 SwiftUI 开发的各个过程给你讲解 SwiftUI 内容，Apple 应用商店搜索 SwiftUI For Beginners 下载。

SwiftUI.jpg

• 适合设计师人群，互联网从业者或者想自己做个应用的人群；
• 不适合技术人群，应用完全是从一个 0 基础的角度去讲解各个阶段需要的知识，对于技术人群过于简单；
• 内容讲解➕直接代码效果预览，学习过程更加直观；
• iPhone， iPad 和 Mac 全平台支持，Apple Watch 和 TV 应用即将上线。