title: How to prevent Images squeezed in Xamarin.Forms Button?
body: <p>Button Images inside Xamarin.Forms are appearing squeezed on iOS. How do you set the Image to display in normal aspect ratio in XAML? Also as a bonus how do you make sure the Button Images line up vertically? I have tried setting the <em>WidthRequest</em> XAML property but it has no effect.</p>
  
  <p><img src="https://i.stack.imgur.com/EAbKE.jpg" alt="Xamarin.Forms Button with Image"></p>
  
  <p>XAML in ContentPage.Content:</p>
  
  <pre><code>&lt;StackLayout Orientation="Vertical" VerticalOptions="Start" HorizontalOptions="Fill" Padding="20"&gt;
      &lt;Button Image="icon_facebook" Clicked="onClicked" Text="Facebook" /&gt;
      &lt;Button Image="icon_twitter" Clicked="onClicked" Text="Twitter" /&gt;
      &lt;Button Image="icon_microsoft" Clicked="onClicked" Text="Microsoft Account" /&gt;
      &lt;Button Image="icon_google" Clicked="onClicked" Text="Google" /&gt;
  &lt;/StackLayout&gt;
  </code></pre>