Shell Flyout Background on Android doesn't respect theme color - makes menu and flyout items unreadable #19141
Labels
area-controls-shell
Shell Navigation, Routes, Tabs, Flyout
platform/android 🤖
s/triaged
Issue has been reviewed
s/try-latest-version
Please try to reproduce the potential issue on the latest public version
t/bug
Something isn't working
Description
When using Shell and the Flyout Menu on Android with API v33 and Dark Theme set as the theme the background color of the Flyout menu doesn't properly update to the background of black, and thus none of the Flyout Items or Menu Items are visible because the label color is the same as the background color, which is white.
Steps to Reproduce
See the code example here:
https://github.com/biozal/dotnet-cblite-inventory/blob/main/src/Dotnet.Cblite.Inventory.Maui/AppShell.xaml
See included video below:
Shell-Theming-Bug.mp4
Link to public reproduction project repository
https://github.com/biozal/dotnet-cblite-inventory/blob/main/src/Dotnet.Cblite.Inventory.Maui
Version with bug
8.0.3
Is this a regression from previous behavior?
Not sure, did not test other versions
Last version that worked well
Unknown/Other
Affected platforms
Android
Affected platform versions
Android API 33
Did you find any workaround?
No, in fact if I use the documentation page for this link:
https://learn.microsoft.com/en-us/dotnet/maui/fundamentals/shell/flyout?view=net-maui-8.0#default-template-for-flyoutitems
It recommends using the AppThemeBinding to change colors in Android specifically - for example right from the docs:
Adding any code that uses AppThemeBinding in my code causes Android to bomb with a Typecast error - so the entire template they provide on the docs page for this doesn't work for Android specifically.
Relevant log output
No response
The text was updated successfully, but these errors were encountered: