Skip to content

.NET MAUI set AppShell custom FlyoutIcon display problem #25920

@dev-xam

Description

@dev-xam

Description

.NET Maui project (.NET 8, .NET 9) try to set custom hamburger icon. After app compiled, it is displayed as:

  • Android - white icon, no matter that original icon color is f.e. blue color,
  • iOS - display custom hamburger icon, but space for custom icon is very wide and title view goes very far to right.

Moreover set hamburger color works only for iOS. It is not working on Android. Details in steps to reproduce.

Image
Image
Image
Image

Steps to Reproduce

  1. Create sample .NET project
  2. Set any custom icon at AppShell.xaml:
    FlyoutIcon="hamburger_icon.png"
  3. Set hamburger icon color at AppShell.xaml:
    Shell.ForegroundColor="#ff0000

Link to public reproduction project repository

https://github.com/dev-xam/MauiApp_FlyoutIconProblem

Version with bug

9.0.10 SR1

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Android, iOS

Affected platform versions

No response

Did you find any workaround?

No workaround

Relevant log output

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions