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.

Question: Using an SVG with Shell's Tab Icon?

See original GitHub issue

Description

How can I set an SVG to the new Shell’s Tab Icon property?

Screenshots

image

Reproduction Link / Code

    <TabBar>
        <Tab Title="Home">
            <Tab.Icon>
                <ffimageloadingsvg:SvgCachedImage Source="home.svg" />
            </Tab.Icon>
            <ShellContent ContentTemplate="{DataTemplate local:ItemsPage}" />
        </Tab>
        <Tab Title="About" Icon="tab_about.png">
            <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
        </Tab>
    </TabBar>

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:5
  • Comments:14 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
Denn1Rocommented, Mar 24, 2020

Any updates?

3reactions
elaurentincommented, May 22, 2020
using FFImageLoading.Forms.Platform;
using FFImageLoading.Svg.Forms;

// FFImageLoading.Forms.Platform
namespace Application.Droid
{
    public static class SvgImageRegister
    {
        public static void Init()
        {
            Xamarin.Forms.Internals.Registrar.Registered.Register(typeof(SvgImageSource), typeof(FFImageLoadingImageSourceHandler));
        }
    }
}
Read more comments on GitHub >

github_iconTop Results From Across the Web

Using SVG images in Xamarin.Forms Tab.Icon
I am using the Xamarin.Forms Shell project template and I want to change the Icons inside AppShell.xaml TabBar to SVG icons. I have...
Read more >
Shell Tab Bar Setup Icons using SVG Images - YouTube
We will set up Shell Tab Bar Icons using SVG Images. We will see the problem using SVG Image as Icon. In this...
Read more >
Shell Tab Bar Icon using SVG Image, Tab Icon Size Fix - EP 03
Episode 02: We will set up Shell Tab Bar Icons using SVG Images. We will see the problem using SVG Image as Icon....
Read more >
SVG, Favicons, and All the Fun Things We Can Do With ...
Favicons are the little icons you see in your browser tab. ... One very new trick is the ability to use SVG as...
Read more >
SVG image source for AWC icons
I presume renaming the svg files with a non-svg extension should effectively remove the svg from the war build. However, I don't see...
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