maui
maui copied to clipboard
[iOS] TabBar Icons not showing when using FontIconSource for Tab.Icon
Description
The icons of the tabs are not showing up on iOS when using FontIconSource on the Tab.Icon property.
Steps to Reproduce
- Create a MAUI App using Shell
- Add the materialdesignicons-webfont.ttf or any other icon font
- Register the icon font in MauiProgram.cs using AddFont() in the builder
- Define the Icons as static resources in App.xaml or any other resource dictionary
- In AppShell.xaml, add a TabBar with Tabs
- Use the FontIconSource type on the Tab.Icon property and choose the desired static resource as a glyph
- Debug on iOS
Expected Behavior: The TabBar displays the Icons from the FontIconSource Actual Behavior: The TabBar does not display the Icons FontIconSource
Hint: This works fine on Android
Example code:
Resource Dictionary:
<x:String x:Key="SettingsIcon">󰒓</x:String>
<x:String x:Key="TimerIcon">󰥔</x:String>
Shell:
<TabBar>
<Tab
Title="{x:Static strings:Strings.HomeLabel}">
<Tab.Icon>
<FontImageSource
FontFamily="materialdesignicons"
Glyph="{StaticResource TimerIcon}"/>
</Tab.Icon>
<ShellContent
ContentTemplate="{DataTemplate views:MainPage}"
Route="MainPage"/>
</Tab>
<Tab
Title="{x:Static strings:Strings.SettingsLabel}">
<Tab.Icon>
<FontImageSource
FontFamily="materialdesignicons"
Glyph="{StaticResource SettingsIcon}"/>
</Tab.Icon>
<ShellContent
Title="{x:Static strings:Strings.SettingsLabel}"
ContentTemplate="{DataTemplate views:SettingsPage}"
Route="SettingsPage"/>
</Tab>
</TabBar>
Link to public reproduction project repository
https://github.com/ewerspej/dotnet-maui-bug-repro-ios-tabs-shell/
Version with bug
7.0.100-rc.1.22431.12
Last version that worked well
Unknown/Other
Affected platforms
iOS
Affected platform versions
iOS 15.5
Did you find any workaround?
No
Relevant log output
No response