title: Xamarin Forms ListView Row Height Incorrect
body: <p>Ive been trying to sort out issues with the Row Height that gets calculated when rendering a ListView in Xamarin Forms (iOS)</p>
  
  <p>Here is my XAML</p>
  
  <pre><code>&lt;ListView.ItemTemplate&gt;
      &lt;DataTemplate&gt;
          &lt;ViewCell&gt;
              &lt;Grid Padding="20"&gt;
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="*" /&gt;
                      &lt;ColumnDefinition Width="Auto" /&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
                  &lt;Grid.RowDefinitions&gt;
                      &lt;RowDefinition Height="*" /&gt;
                  &lt;/Grid.RowDefinitions&gt;
                  &lt;StackLayout Orientation="Vertical" Grid.Row="0"&gt;
                      &lt;Label Text="{Binding Path=Name}" FontSize="18" /&gt;
                      &lt;Label Text="{Binding Path=Teaser}" TextColor="Gray" /&gt;
                  &lt;/StackLayout&gt;
                  &lt;StackLayout Grid.Column="1" Grid.Row="0"&gt;
                      &lt;Image Source="{Binding Path=ImageUrl}" WidthRequest="100" Aspect="AspectFill"
                             HeightRequest="100" /&gt;
                  &lt;/StackLayout&gt;
              &lt;/Grid&gt;
          &lt;/ViewCell&gt;
      &lt;/DataTemplate&gt;
  &lt;/ListView.ItemTemplate&gt;
  </code></pre>
  
  <p>but here is a screenshot of how it gets rendered in the simulator</p>
  
  <p>(I am binding to 10 rows of the same data, which is why each row looks the same)</p>
  
  <p><a href="https://i.stack.imgur.com/p2l8m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p2l8m.png" alt="enter image description here"></a></p>
  
  <p>As you can see, the row height isnt being correctly calculated for the row contents.</p>
  
  <p>I can set a fixed RowHeight for the ListView but this isnt good because the rowheight will need to be different for different devices.</p>
  
  <p>Can anyone help ?</p>