skills.rest
unoplatform
unoplatformOFFICIAL
Explore all skills by this author →
Website𝕏@unoplatformGitHub

uno-toolkit-statusbar-extensions

Customize iOS and Android status bar colors from XAML attached properties.

9|1|Updated Dec 10, 2024
Search Tags:#mobile#ios#android#xaml#statusbar#uno-toolkit#attached-properties
One-click install
npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-statusbar-extensions
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-toolkit-statusbar-extensions
Source: https://github.com/unoplatform/studio/tree/main/plugins/uno-platform-studio/skills/uno-toolkit-statusbar-extensions
Command: npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-statusbar-extensions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Attached properties StatusBar.Foreground and StatusBar.Background enable per-page customization of the system status bar on iOS and Android, so your app can adapt icons and colors to themes.

Core Features & Use Cases

  • Attach properties to the Page to set Foreground and Background for the status bar on iOS and Android.
  • Foreground uses the StatusBarForegroundTheme enum values: Light, Dark, Auto, AutoInverse.
  • Background accepts a color or brush; works per page and adapts to theme changes.

Quick Start

Add the StatusBar.Foreground and StatusBar.Background attached properties to your Page XAML to customize the status bar on iOS and Android.

Frequently Asked Questions about uno-toolkit-statusbar-extensions

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize the mobile status bar background and foreground from XAML?▼

You can customize the mobile status bar from XAML by applying the StatusBar.Background and StatusBar.Foreground attached properties directly to your Page, adjusting colors and icons per page on iOS and Android.

Can I set the status bar text color to match my app's theme on iOS and Android?▼

Yes, you can match your app's theme by setting the StatusBar.Foreground attached property to a StatusBarForegroundTheme enum value, which adjusts the status bar icons per page on iOS and Android.

What values does the StatusBarForegroundTheme enum support for styling the status bar?▼

The StatusBarForegroundTheme enum supports Light, Dark, Auto, and AutoInverse values, allowing the status bar foreground to adapt to different page themes on iOS and Android.

Does the Uno Toolkit status bar styling work per page or globally across the app?▼

The status bar styling works per page, meaning you attach the StatusBar.Foreground and StatusBar.Background properties to individual Page elements in XAML to control the appearance on each specific page.

What type of value does the status bar background accept in XAML?▼

The status bar background accepts a color or brush value in XAML, allowing you to define the StatusBar.Background attached property per page to adapt to theme changes on iOS and Android.

Why should I use attached properties instead of platform-specific code to style the status bar?▼

Using attached properties to style the status bar allows you to manage iOS and Android appearance purely from shared XAML, enforcing per-page theme matching without writing separate platform-specific code.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-toolkit-navigationbar

Implement Uno Platform navigation bars with back and action commands.

Official
Intermediate
unoplatformunoplatform
9

uno-toolkit-itemsrepeater-extensions

Add selection and incremental loading to ItemsRepeater via attached properties.

Official
Intermediate
mtmatteimtmattei
5

uno-csharp-markup

Build Uno Platform UI with C# Markup fluent API and strongly-typed bindings.

Community
Advanced
unoplatformunoplatform
9

uno-navigation-xaml

Adds View-based navigation to Aurelia apps with routing and state preservation.

Official
Intermediate