How Can I apply Community Toolkit StatusBarBehaviour from Style globally to all my content pages.

[himanshudwd765]

I want to apply Community Toolkit StatusBarBehaviour to change status bar color from style to globally apply to all my content pages. I tried like this in my Resources/Styles.xaml file:

<ResourceDictionary 
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit">

    <Style TargetType="ContentPage" x:Key="statusBarColor">
        <Setter Property="Behaviors">
            <Setter.Value>
                <toolkit:StatusBarBehavior StatusBarColor="Red"/>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

The above code didn't update the StatusBar color.

[acaliaro]

I think you can use it in the first page of your application and all the pages have the same color.

for Example I have this in the first page

<ContentPage.Behaviors>
    <mct:StatusBarBehavior StatusBarColor="{x:StaticResource Primary}" StatusBarStyle="LightContent" />
</ContentPage.Behaviors>

[himanshudwd765]

This works 👍

[VladislavAntonyuk]

Remove x:Key="statusBarColor"

[himanshudwd765]

Removing x:key doesn't make any difference, no change in status bar color

[VladislavAntonyuk]

the full solution:

<ResourceDictionary 
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit">

    <Style TargetType="ContentPage">
        <Setter Property="Behaviors">
            <Setter.Value>
               <toolkit:StatusBarBehavior StatusBarColor="{x:StaticResource Primary}" StatusBarStyle="LightContent" />
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

[himanshudwd765]

Tried no change :(

[CliffAgius]

Closed as per the Community Stand-up discussion here: https://youtu.be/N9wMcBP4jtg?t=2889