title: Bind Image to URL Xamarin Forms XAML
body: <p>I am having trouble binding an Image to a UriImageSource using Xamarin Forms.</p>
  
  <p>I have implemented the FlowListView which presents a grid-like list of text but the images associated with each product aren't appearing.</p>
  
  <p>Has anyone else had this/know how to work around it?</p>
  
  <h2>XAML:</h2>
  
  <pre><code>&lt;flv:FlowListView 
      Grid.Row="1" 
      x:Name="flvListView" 
      SeparatorVisibility="None" 
      HasUnevenRows="true" 
      FlowColumnMinWidth="110"&gt;
      &lt;flv:FlowListView.FlowColumnTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;Grid Padding="3"&gt;
                  &lt;Grid.RowDefinitions&gt;
                      &lt;RowDefinition Height="*" /&gt;
                  &lt;/Grid.RowDefinitions&gt;
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="*" /&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
                  &lt;Image HeightRequest="100" &gt;
                      &lt;Image.Source&gt;
                          &lt;UriImageSource Uri="{Binding ProductImage}" /&gt;
                      &lt;/Image.Source&gt;
                  &lt;/Image&gt;
                  &lt;Label 
                      x:Name="Label" 
                      HorizontalOptions="Fill" 
                      HorizontalTextAlignment="Center" 
                      VerticalOptions="End" 
                      BackgroundColor="Silver"
                      Opacity="0.5" Text="{Binding ProductName}"/&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/flv:FlowListView.FlowColumnTemplate&gt;
  &lt;/flv:FlowListView&gt;
  </code></pre>
  
  <h2>View Model:</h2>
  
  <pre><code>public class vmProduct
  {
      public vmProduct() { }
      /* removed other properties, constructors etc */
      public UriImageSource ProductImage { get; set; }
      public string ProductName { get; set; }
  }
  </code></pre>
  
  <p>When the vmProduct is initialised</p>
  
  <pre><code>this.Products.Add(new vmProduct
  {
      ProductName = "Test",
      ProductImage = new UriImageSource
      {
          Uri = new Uri("https://upload.wikimedia.org/wikipedia/en/5/5f/Original_Doge_meme.jpg")
      }
  });
  </code></pre>
  
  <p>(In the above example, "Test" will appear but the image will not)</p>