[Xamarin.Forms] SVG image rendering problem on Android

I’m using the latest prerelease available Xamarin.FFImageLoading.Svg.Forms 2.2.10-pre-390 together with Xamarin.Forms 2.3.4.231.

Here is the XAML code used:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:ffimageloadingsvg="clr-namespace:FFImageLoading.Svg.Forms;assembly=FFImageLoading.Svg.Forms"
    x:Class="App.Views.MainPage">
    <ContentPage.Content>
        <ffimageloadingsvg:SvgCachedImage
                        HorizontalOptions="Center"
                        VerticalOptions="Center"
                        WidthRequest="200"
                        HeightRequest="200"
                        Source="http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg"/>
    </ContentPage.Content>
</ContentPage>

Is there any known problem when rendering an SVG on Android?

Follow print for comparison of the same screen on both platforms (iOS and Android)

[michelmoorlag]

I tried with 2.2.10-pre-391 with skiasharp 1.58.0 but the issue is not resolved (yet). Svg colors was messed up for android in SkiaSharp 1.57.1. I added a new issue there: https://github.com/mono/SkiaSharp/issues/300

[michelmoorlag]

I have the same issue and found that it is related to SkiaSharp 1.57.1! When you downgrade to Xamarin.FFImageLoading.Svg.Forms 2.2.10-pre-375 and then downgrade SkiaSharp to 1.56.1 it will work fine. BTW this is only on some devices like an Asus zenphone 2 and on my android simulator. On other devices the new version somehow works fine. Maybe it is related to android version, I don’t know.