Ionic ReactApp - ios 状态栏颜色

Question

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

我们的状态栏颜色是白色背景上的白色有问题。

我试着四处寻找修复程序，发现了这个：https://developer.apple.com/forums/thread/16771

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

请记住，我们 none 的人非常了解 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 

    }

...

Answer 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

Ionic ReactApp - ios 状态栏颜色

Ionic ReactApp - ios status bar color

ios

ionic-framework

swift

capacitor