Show me the code

//
//  TestHideSystemTopBar.swift
//  pandabill
//
//  Created by 朱洪苇 on 2024/4/1.
//

import SwiftUI

struct TestHideSystemTopBar: View {
    @State private var isStatusBarHidden = false
    
    var body: some View {
        Button {
            withAnimation {
                self.isStatusBarHidden.toggle()
            }
        } label: {
            Text("点击" + (isStatusBarHidden ? "显示" : "隐藏") + "系统状态栏")
                .padding()
                .foregroundStyle(Color.white)
                .background(Color.blue)
        }
        .statusBar(hidden: isStatusBarHidden)
    }
}

---

真机运行

---

推荐一下刚上线的 App 熊猫小账本，里面有用到这篇博客讲的内容（在首页，记帐时有图片时，预览会显示隐藏系统顶部状态栏）

熊猫小账本 一个简洁的记账 App，用于记录日常消费开支收入，使用 iCloud 保存同步数据。

• 支持备注，自定义时间偶尔忘记记账也没关系。
• 搜索历史记账，支持分类、金额、备注。
• 启动时需要面容/指纹验证，保护个人隐私。
• 支持自定义分类功能，自由添加修改分类。
• 统计图表，支出收入一目了然。
• 每天提醒记账，不会有其他推送。
• 桌面锁屏小组件开发中。。。

点击去看看 👀

---

喜欢或对你有帮助，点个赞吧，自己先点个嘿嘿。

有错误或者疑问还请评论指出。

我的个人网站 点击访问 hongweizhu.com。

---

END