How to imlement an autosizing Image menu

Hi,

I'm just starting with Xamarin.Forms, so that I need some basic help.

I want to have the main menu of my app based on a list of images. My first approach was to embedd the images into a Stacklayout and was hoping that it will resize all images so that all are visible on the screen. But that did not happen. It did resize them in width, but not in height. So that not all Images are completely visible.

This is the XAML I used:

    <ContentPage.Content>
        <StackLayout VerticalOptions="Center"
                     HorizontalOptions="FillAndExpand"
                     Orientation="Vertical"
                     Spacing="0">
          <Image Source="{local:ImageResource BREADy.main_menu_recipes.jpg}" Aspect="AspectFill"/>
          <Image Source="{local:ImageResource BREADy.main_menu_baking.jpg}"  Aspect="AspectFill"/>
          <Image Source="{local:ImageResource BREADy.main_menu_ingredients.jpg}"  Aspect="AspectFill"/>
        </StackLayout>
    </ContentPage.Content>

Ideally would be if the images would be cropped vertically, so that they still fill the full width, by keeping their aspect ratio. Is this possible? Would it be possible to get them cropped centered, I mean cropped the same ammount from the top and the botton?

Or what is the best approach for an Image based menu on different screen sizes?

Thanks a lot.

Thomas