question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Shell Flyout Issue (App ThemeBinding wont update icon)

See original GitHub issue

Description

If you use the shell flyout with an icon that is supposed to change per theme. In the case where you change the theme at runtime, the icons are not updated correctly.

No matter you update them manually or via apptheming

Reproduction Repo: https://github.com/DeepWorksStudios/ReproductionProjectBug8334_Shellicon

Steps to Reproduce

1 ,> Create Maui project 2. > Add some -flyout elements and select shell behavior for the flyout. 3. > Give each flyout its own icon and via themebinding one variant each for dark and light. 4. > start the emulator or the device 5. > change the theme 6. > Check if the error still occurs

Version with bug

6.0.400 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android, Windows, I was not able test on other platforms

Affected platform versions

All Android Version, All Windows Verson

Did you find any workaround?

Not really, I implemented the mvvm for the appshell and manually updated the images by binding. But it works unreliable some icons were updated some not really strange.

STARTUP DARK MODE WhatsApp Image 2022-06-26 at 17 48 26 (1)

RUNTIME FROM DARK MODE >> LIGHT MODE WhatsApp Image 2022-06-26 at 17 48 28

STARTUP LIGHT MODE WhatsApp Image 2022-06-26 at 17 51 02

RUNTIME FROM LIGHT MODE >> DARK MODE

WhatsApp Image 2022-06-26 at 17 48 26

Relevant log output

None

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:13 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
UkeHacommented, May 17, 2023

@XamlTest use FlyoutIcon instead. The “Icon” Flag doesn’t react to Themechanges.

grafik grafik

1reaction
kristinx0211commented, Jun 28, 2022

verified repro on android using above repro project.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Xamarin Forms flyoutitem icon binding not updating after ...
You could set the properties in Normal VisualState as default state. The FlyoutIcon is the icon property name in Shell FlyoutItem Template. It ......
Read more >
ShellContent Icons do not respond to theme change
I default the app-theme from the system theme. So when starting from a theme, the icons are correctly displaced according the AppThemeBinding.
Read more >
Shell FlyoutItem and ShellContent Icon - Microsoft Q&A
If the FlyoutItem has multi ShellContent views, but the icon doesn't shown. That is related to the embedded image, please mark sure the...
Read more >
NET MAUI Shell flyout
The FlyoutItem.Icon property, of type ImageSource, defines the icon of the flyout item: Screenshot of a Shell two page app with flyout items....
Read more >
Xamarin.Forms 5: Dual Screens, Dark Modes, Designing ...
If all you have are a series of FlyoutItems , the application will load the first ShellContent and display the flyout menu icon...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found