Change text color in the AppShell in .NET Maui (.NET 8)

Question

I would like to change the text color in the AppShell. Under .NET 6 I had the following implementation in the Styles.xaml, which worked like this:

<Style Class="FlyoutItemLabelStyle"
       TargetType="Label">

    <Setter Property="TextColor"
            Value="White"></Setter>

</Style>

See also the answer here: How to change Flyout ShellContent title text-color in MAUI?

After I upgraded the app to .NET 8, the adjustment of the text colour in the AppShell (under Android) no longer works. Does anyone have an idea how this can be solved?

Screenshot Android AppShell

I want to set FlyoutBackgroundColor to black and TextColor of labels to grey.

Jessie Zhang -MSFT · Accepted Answer · 2024-02-09 07:17:11Z

2

There is a known issue about this problem, you can follow it up here: [regression/8.0.3] FlyoutItem and MenuItem styles don't work.

But you can try the following workaround:

<Style TargetType="Label" Class="FlyoutItemLabelStyle">
    <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal">
                    <VisualState.Setters>
                        <Setter Property="TextColor" Value="Red" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>
    </Setter>
</Style>

answered Feb 9, 2024 at 7:17

Jessie Zhang -MSFT

14.2k1 gold badge12 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change text color in the AppShell in .NET Maui (.NET 8)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related