HI, I'm trying to get my grips on how to use font icons and get them to display both in the flyout menu and in the bottom tab menu using a shell application.
I've managed to get the Font Awesome fonts into my solution and it works as expected in the flyout menu - but I cant figure out how to use them for the tab items as ShellContent doesn't have any FontFamily property.
How can this be achieved?
the code below gives me three items in the Flyout menu with the second one "Diary two" having a font icon (set using FontImageSource) - and the other two users png icons.
<FlyoutItem Title="Diary One"
Icon="icon_feed">
<ShellContent Title="Diary"
Icon="icon_feed"
ContentTemplate="{DataTemplate local:Diary}" />
<ShellContent Title="About"
Icon="icon_about"
ContentTemplate="{DataTemplate local:About}" />
</FlyoutItem>
<FlyoutItem Title="Diary two">
<FlyoutItem.Icon>
<FontImageSource FontFamily="FAS"
Color="{StaticResource Primary}"
Glyph="{x:Static fontAwesome:FontAwesomeIcons.Splotch}"/>
</FlyoutItem.Icon>
<ShellContent Title="About"
Icon="icon_about"
ContentTemplate="{DataTemplate local:About}" />
<ShellContent Title="Diary"
Icon="icon_feed"
ContentTemplate="{DataTemplate local:Diary}" />
</FlyoutItem>
<ShellContent Title="Splash"
Icon="icon_feed"
ContentTemplate="{DataTemplate local:Splash}" />
