Skip to content

Conversation

@Dhivya-SF4094
Copy link
Contributor

Note

Are you waiting for the changes in this PR to be merged?
It would be very helpful if you could test the resulting artifacts from this PR and let us know in a comment if this change resolves your issue. Thank you!

Issue Details

While setting a custom flyout icon, irrespective of the actual png image color, the icon is always black.

Root Cause

  • The issue on iOS stems from a platform change introduced in iOS 26. In earlier versions of iOS, the navigation bar and its toolbar items followed a predictable tint inheritance model. MAUI sets the navigation bar’s tint color through the ShellNavBarAppearanceTracker.SetAppearance() method, and UIBarButtonItem automatically inherited this tint. Because the flyout icon uses template rendering mode, it correctly adopted the color defined by Shell.ForegroundColor.
  • However, in iOS 26, Apple changed the tint inheritance behavior so that UIBarButtonItem no longer inherits the tint from UINavigationBar.
  • Even though MAUI still assigns a tint to the navigation bar, the flyout icon falls back to the system default blue instead of using the intended shell foreground color.

Description of Change

To fix this, the tint color is now explicitly assigned to the UIBarButtonItem when it is created in the ShellPageRendererTracker.UpdateLeftToolBarItems()method. By directly setting the tint on the button, the icon correctly reflects the foreground color on both older iOS versions and iOS 26.

Validated the behaviour in the following platforms

Issues Fixed:

Fixes #32867

Screenshots

Before  After 
     

@dotnet-policy-service dotnet-policy-service bot added the partner/syncfusion Issues / PR's with Syncfusion collaboration label Dec 4, 2025
@karthikraja-arumugam karthikraja-arumugam added the community ✨ Community Contribution label Dec 4, 2025
@Tamilarasan-Paranthaman Tamilarasan-Paranthaman added platform/ios area-controls-shell Shell Navigation, Routes, Tabs, Flyout partner/macios Issues for the Mac / iOS SDK shell-flyout version/iOS-26 platform/macos macOS / Mac Catalyst and removed partner/macios Issues for the Mac / iOS SDK labels Dec 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area-controls-shell Shell Navigation, Routes, Tabs, Flyout community ✨ Community Contribution partner/syncfusion Issues / PR's with Syncfusion collaboration platform/ios platform/macos macOS / Mac Catalyst shell-flyout version/iOS-26

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Shell Flyout Icon is always black

3 participants