8.9 C
Canberra
Friday, October 24, 2025

iOS 26 and .NET MAUI 9 – Flyout Hamburger Icon and Again button coloration being overwritten by iOS look


I’ve a .NET MAUI Shell software with a Flyout menu focusing on .NET 9. The Motion Bar in each Mild and Darkish mode is about to be black. I need the hamburger menu icon and the again button to be white in each instances.

After I examined on iOS 26.0 these icons should not displaying appropriately. They present as white, as anticipated, in Darkish Mode. However in Mild Mode they don’t seem to be taking my customized colours.

iOS 26 and .NET MAUI 9 – Flyout Hamburger Icon and Again button coloration being overwritten by iOS look

There appears to be a distinction between how iOS handles the colour of the Hamburger menu and Again button in iOS 26.0 and iOS 18.6.

In iOS 18.6, these buttons present as white on the black background as anticipated. However in iOS 26.0 they’re continuously being proven as Black. The OS appears to be overwriting the colours I set in my app.

This is the distinction for the Menu merchandise:
Menu Item differences between iOS 26.0 and iOS 18.6

And here is the distinction for the Again button
Back button difference between iOS 26.0 and iOS 18.6

I’ve the useful resource dictionary in my App.xaml as follows:

    <Fashion TargetType="NavigationPage">
        <Setter Property="BarBackgroundColor" Worth="{DynamicResource NavigationBarColor}" />
        <Setter Property="BarTextColor" Worth="{DynamicResource NavigationTextColor}" />
    </Fashion>
    <Fashion x:Key="BaseStyle" TargetType="Factor">
        <Setter Property="Shell.BackgroundColor" Worth="{DynamicResource NavigationBarColor}" />
        <Setter Property="Shell.ForegroundColor" Worth="{DynamicResource NavigationTextColor}" />
        <Setter Property="Shell.TitleColor" Worth="{DynamicResource NavigationTextColor}" />
        <Setter Property="Shell.DisabledColor" Worth="{DynamicResource DisabledButtonTextColor}" />
        <Setter Property="Shell.UnselectedColor" Worth="{DynamicResource MenuBackgroundColor}" />
        <Setter Property="Shell.TabBarBackgroundColor" Worth="{DynamicResource PageBackgroundColor}" />
        <Setter Property="Shell.TabBarForegroundColor" Worth="{DynamicResource NavigationTextColor}" />
        <Setter Property="Shell.TabBarUnselectedColor" Worth="{DynamicResource DisabledButtonTextColor}" />
        <Setter Property="Shell.TabBarTitleColor" Worth="{DynamicResource NavigationTextColor}" />
    </Fashion>
    <Fashion TargetType="TabBar" BasedOn="{StaticResource BaseStyle}" />
    <Fashion TargetType="FlyoutItem" BasedOn="{StaticResource BaseStyle}" />

The NavigationBarColor and NavigationTextColor are the identical in each Mild and Darkish themes right here:

<Shade x:Key="NavigationBarColor">#1F1F1F</Shade>
<Shade x:Key="NavigationTextColor">#FFFFFF</Shade>

I can not discover something particular on-line concerning this subject and iOS model. What do I have to do get iOS 26.0 to indicate the hamburger menu merchandise and again button appropriately?

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

[td_block_social_counter facebook="tagdiv" twitter="tagdivofficial" youtube="tagdiv" style="style8 td-social-boxed td-social-font-icons" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjM4IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tYm90dG9tIjoiMzAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9" custom_title="Stay Connected" block_template_id="td_block_template_8" f_header_font_family="712" f_header_font_transform="uppercase" f_header_font_weight="500" f_header_font_size="17" border_color="#dd3333"]
- Advertisement -spot_img

Latest Articles