如何防止在Xamarin.Forms按钮中挤压图像？

Question

Xamarin.Forms中的按钮图像出现在iOS上。如何在XAML中将图像设置为以正常宽高比显示？另外作为奖励，你如何确保按钮图像垂直排列？我已经尝试设置 WidthRequest XAML属性，但它没有效果。

ContentPage.Content中的XAML：

<StackLayout Orientation="Vertical" VerticalOptions="Start" HorizontalOptions="Fill" Padding="20">
    <Button Image="icon_facebook" Clicked="onClicked" Text="Facebook" />
    <Button Image="icon_twitter" Clicked="onClicked" Text="Twitter" />
    <Button Image="icon_microsoft" Clicked="onClicked" Text="Microsoft Account" />
    <Button Image="icon_google" Clicked="onClicked" Text="Google" />
</StackLayout>

Answer 1

如果您愿意，可以使用XLabs package中的ImageButton。

或者您可以使用ListView来ImageCell，或者如果没有足够的灵活性创建自己的ViewCell。这些在默认情况下很好地对齐，您可以在用户点击列表中的项目时触发正确的操作。

这是Apple自己做类似事情的一个例子：