Xamarin Forms - WebView Html Source issue

Emixam23Emixam23 USMember ✭✭✭

I'm coming today because I'm stuck on the load of a GIF with the android platform. I know it works because it works for UWP and iOS, however android doesn't work..

I have this object:

public class Gif : WebView
{
    public string GifSource
    {
        set
        {
            var html = new HtmlWebViewSource();
            html.Html = String.Format(@"<html><body style='background: #FF0000;'><img src='{0}' style='width:100%;height:100%;'/></body></html>", "https://media.giphy.com/media/UGifMFmx0gERG/giphy.gif");
            Debug.WriteLine("Html.Source = '{0}'", html.Html);
            this.Margin = -10;
            this.Source = html;
        }
        get { return (string)GetValue(SourceProperty); }
    }
}

So I just declare this Gif in my xaml side:

<AbsoluteLayout AbsoluteLayout.LayoutBounds="0.5, 0.5, 1, 1" AbsoluteLayout.LayoutFlags="All">
            <control:Gif
                AbsoluteLayout.LayoutBounds="0.5, 0, 1, 0.9"
                AbsoluteLayout.LayoutFlags="All"
                BackgroundColor="Red"
                GifSource="Gifs/LoginBackground.gif" />
            <BoxView
                AbsoluteLayout.LayoutBounds="0.5, 0.5, 1, 1"
                AbsoluteLayout.LayoutFlags="All"
                BackgroundColor="Transparent" />
</AbsoluteLayout>

PS: I declare a BoxView to escape the possibilty of moving the webview by a user gesture.

Now the thing is, it works on UWP perfectly, with the both code :

html.Html = String.Format(@"<html><body style='background: #FF0000;'><img src='{0}' style='width:100%;height:100%;'/></body></html>", "https://media.giphy.com/media/UGifMFmx0gERG/giphy.gif");
this.Source = html;

or

this.Source = "https://media.giphy.com/media/UGifMFmx0gERG/giphy.gif";

On Android, the this.Source = "https://media.giphy.com/media/UGifMFmx0gERG/giphy.gif"; works, however the first solution doesn't work, which is a problem. By create my own html it allows me to make the gif fill my view unlike the link... On more point, if I delete the style='width:100%;height:100%;' of the html, it works, but one more time, not with the good size..

Any idea? Thank in advance !

Sign In or Register to comment.