Change the flyout icon color

[AlexeyZhukoff]

Description

How can i change flyout icon color? It's always blue, but in orinal file i have black color

Steps to Reproduce

1. Download example app
2. Run it
3. You see blue flyout icon Archive.zip

Version with bug

Release Candidate 2 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 15.4

Did you find any workaround?

no

Relevant log output

No response

[Redth]

Try setting your own custom image source for the flyout icon?

[ghost]

Hi @AlexeyZhukoff. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[AlexeyZhukoff]

Hello, in example project i set my custom image for flyout icon, but icon always tint to blue color.

[AlexeyZhukoff]

Try setting your own custom image source for the flyout icon? Hello, in example project i set my custom image for flyout icon, but icon always tint to blue color.

[XamlTest]

Verified this issue with Visual Studio Enterprise 17.3.0 Preview 1.0 [32427.455.main]. Repro on iOS 15.4. Sample Project: MauiApp2.zip

[lnaie]

I see this happening as well in the latest maui with the default vs2022 preview template. If I keep it pressed eventually there is an indication that the hamburger icon is there. How do I fix its color/visibility in the default state?

[lnaie]

I see this happening as well in the latest maui with the default vs2022 preview template. If I keep it pressed eventually there is an indication that the hamburger icon is there. How do I fix its color/visibility in the default state?

Ok, It got fixed in the latest, I've just installed. Thanks!

[AntonKosenkoDX]

@Redth Hello! Any update on this issue?

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[Zhanglirong-Winnie]

Verified this issue with Visual Studio Enterprise 17.6.0 Preview 2.0. Repro on iOS simulator with sample project. Archive.zip

[Qythyx]

@Redth , it's approaching 1 year since this was moved to the backlog. Any chance this will be picked up soon?

[markkellaway]

@Redth , it's approaching 1 year since this was moved to the backlog. Any chance this will be picked up soon?

+1 This issue is causing us headaches, having to use the default hamburger menu is not a good workaround for us.

[HobDev]

Facing this issue on Windows. I am developing with .NET 8 RC2

[Thaldoras]

We use a FlyoutPage that has a TabbedPage as Detail. Inside each Tab is a NavigationPage.

To change the color of the back button in a NavigationPage you can use NavigationPage.SetIconColor(this, AppColours.PrimaryDark);

We make that call in the base class for all out pages. By some kind of black magic this will update the color of the burger menu icon (flyout menu icon) on Android.

For iOS it will not update the color of the flyout icon until you have first navigated to a page inside one of the tabs (a page that displays the back button) and then navigated back.

TLDR: if you have a NavigationPage inside your FlyoutPage detail then you can use the above method to change the icon color.

[Thaldoras]

Following up. You can use the NavagationPage BarTextColor property to set the color of the icon.