Ionic ReactApp - ios 状态栏颜色答案

【问题标题】：Ionic ReactApp - ios status bar colorIonic ReactApp - ios 状态栏颜色
【发布时间】：2022-01-09 17:28:51
【问题描述】：

我们有一个 ionic react 应用程序，我们从中使用电容器构建了一个 ios 应用程序。

我们的状态栏颜色在白色背景上显示为白色有问题。

我尝试四处寻找修复并发现：https://developer.apple.com/forums/thread/16771

但是当我将代码插入 appDelegate.swift 时，它显示“在范围内找不到 'splitViewController'。我尝试了几种不同的导入，但没有解决这个问题。我们应该导入什么才能使这个解决方案有效？或者，是否有更改 ios 状态栏颜色的更好方法？

请记住，我们没有人非常了解 swift。

import UIKit 
import Capacitor 
import Firebase

@UIApplicationMain 

class AppDelegate: UIResponder, UIApplicationDelegate { 

    var window: UIWindow? 

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { 

        FirebaseApp.configure() 

        // Override point for customization after application launch. 

        splitViewController.navigationController?.navigationBar.tintColor = UIColor.blackColor() 

        return true 

    }

...

【问题讨论】：

标签： ios swift ionic-framework capacitor

【解决方案1】：

改为在您的 Info.plist 文件中更改它。

...
<key>UIStatusBarStyle</key>
    <string>UIStatusBarStyleDarkContent</string>
...

您也可以通过导航到App > General > Deployment Info > Status Bar Style 直接在 Xcode 中使用该界面进行操作

这当然会改变整个应用的状态栏。

如果您想做一些更有活力的事情，例如根据用户所在的屏幕更改颜色，您可以在此处遵循 CapacitorJS 文档：https://capacitorjs.com/docs/apis/status-bar

【讨论】：