Changing the Status Bar Text Color in Splash Screen iOS 7

Changing the status bar text color in splash screen iOS 7

In the project plist file add the "Status Bar Style" property (key is UIStatusBarStyle). Then ignore all the possible values listed in the drop down for this property and type UIStatusBarStyleLightContent instead.

And you don't have to set UIViewControllerBasedStatusBarAppearanceto NOin your plist, you can set the preferredStatusBarStyle you want to your view controllers.

How to set launch screen status bar color to white?

For that you have to change Status Bar Style to Light from "General" tab under project target.

How to set in the entire app

Above only change the status bar color of launch screen to white & rest of controller have black color. If you wanted to change the entire project status bar color to white then add below too :

On you project plist file:

1. Status bar style: UIStatusBarStyleLightContent
2. View controller-based status bar appearance: NO
3. Status bar is initially hidden: NO

UIStatusBar color change to white when Splash screen showing

It has option to select light.

How to change Status Bar text color in iOS

1. Set the UIViewControllerBasedStatusBarAppearance to YES in the .plist file.

2. In the viewDidLoad do a [self setNeedsStatusBarAppearanceUpdate];

3. Add the following method:

   - (UIStatusBarStyle)preferredStatusBarStyle
   { 
       return UIStatusBarStyleLightContent; 
   }
   

Note: This does not work for controllers inside UINavigationController, please see Tyson's comment below :)

Swift 3 - This will work controllers inside UINavigationController. Add this code inside your controller.

// Preferred status bar style lightContent to use on dark background.
// Swift 3
override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

Swift 5 and SwiftUI

For SwiftUI create a new swift file called HostingController.swift

import Foundation
import UIKit
import SwiftUI

class HostingController: UIHostingController<ContentView> {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

Then change the following lines of code in the SceneDelegate.swift

window.rootViewController = UIHostingController(rootView: ContentView())

to

window.rootViewController = HostingController(rootView: ContentView())

How to change Status Bar text color in iOS

1. Set the UIViewControllerBasedStatusBarAppearance to YES in the .plist file.

2. In the viewDidLoad do a [self setNeedsStatusBarAppearanceUpdate];

3. Add the following method:

   - (UIStatusBarStyle)preferredStatusBarStyle
   { 
       return UIStatusBarStyleLightContent; 
   }
   

Note: This does not work for controllers inside UINavigationController, please see Tyson's comment below :)

Swift 3 - This will work controllers inside UINavigationController. Add this code inside your controller.

// Preferred status bar style lightContent to use on dark background.
// Swift 3
override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

Swift 5 and SwiftUI

For SwiftUI create a new swift file called HostingController.swift

import Foundation
import UIKit
import SwiftUI

class HostingController: UIHostingController<ContentView> {
    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

Then change the following lines of code in the SceneDelegate.swift

window.rootViewController = UIHostingController(rootView: ContentView())

to

window.rootViewController = HostingController(rootView: ContentView())

Change status bar text colour from white iOS 7 / Xcode 5

I just fixed this issue in one of my apps. Implement this in your UIViewController:

- (UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleLightContent;
}

Or choose another UIStatusBarStyle value that you need.

How to change the color for the status bar and the swipe bar section?

My question already was answered by the sample on link above: setting .Background of the parent UIElement is sufficient

How to change status bar color of native splash screen in flutter?

Solved by adding below code in values/styles.xml and values-night/styles.xml in res folder:

  <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
        <!-- Show a splash screen on the activity. Automatically removed when
             the Flutter engine draws its first frame -->
        <item name="android:windowBackground">@drawable/launch_background</item>
        <item name="android:forceDarkAllowed">false</item>
        <item name="android:windowFullscreen">false</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:windowLightStatusBar">true</item>
    </style>

---

Related Topics