StatusBar Attached Properties

Provides two attached properties on Page to controls the visual of the status bar on mobile platforms.

Remarks

The attached properties do nothing on platforms other than iOS and Android. For iOS, UIViewControllerBasedStatusBarAppearance should set to false in info.plist.

Properties

Property Type Description
Foreground StatusBarForegroundTheme* Sets the foreground color for the text and icons on the status bar. Possible values are: None, Light, Dark, Auto or AutoInverse.
Background Brush Sets the background color for the status bar.
note: Due to platform limitations, only SolidColorBrushes are accepted.

StatusBarForegroundTheme*: Auto and AutoInverse will set the foreground in accordance to the theme, and update itself when the system theme or the app theme changes:

  • Auto: light/white in the dark mode, and dark/black in the light mode
  • AutoInverse: dark/black in the dark mode, and light/white in the light mode

Usage

<Page ...
      xmlns:utu="using:Uno.Toolkit.UI"
      utu:StatusBar.Foreground="Dark"
      utu:StatusBar.Background="SkyBlue" />