.NET MAUI set AppShell custom FlyoutIcon displayed problem - Githubissues

dotnet / maui

.NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.

https://dot.net/maui

MIT License

22.24k stars 1.76k forks source link

.NET MAUI set AppShell custom FlyoutIcon displayed problem #25920

Open dev-xam opened 2 hours ago

dev-xam commented 2 hours ago

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.

Steps to Reproduce

Create sample .NET project
Set any custom icon (png/svg) at AppShell.xaml: FlyoutIcon="hamburger_icon.svg"
Set hamburger icon color at AppShell.xaml: Shell.ForegroundColor="{StaticResource LightRedColor}

Link to public reproduction project repository

No response

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

similar-issues-ai[bot] commented 2 hours ago

We've found some similar issues:

24857 , similarity score: 84%
20682 , similarity score: 83%
19178 , similarity score: 82%
6924 , similarity score: 82%

If any of the above are duplicates, please consider closing this issue out and adding additional context in the original issue.

Note: You can give me feedback by 👍 or 👎 this comment.