Search code examples
c#layoutxamarin.formsabsolutelayout

Stick Layout in Xamarin Forms to bottom

I'm making an application in Xamarin forms but I have some trouble sticking a layout to the bottom of the device. I thought an AbsoluteLayout would work, but I cannot grasp how it works. So I made a RelativeLayout which I filled with the elements I wanted to fill but now I cannot seem to get it working on sticking to the bottom of the device at all time.

Below is a screenshot to make things hopefully a little bit more clear. I have a stacklayout which I fill with the headerlayout and the contentlayout. But if I just add the footerlayout to the stacklayout, it will not be sticked to the bottom of the page but (logically) just behind the previous child. Now I think an Absolutelayout would do the trick, but I cannot seem to grasp the functionality and the Layoutflags and bounds of it. Could someone help me out?

My application

Solution 
  • <StackLayout>
    <StackLayout Orientation="Horizontal" VerticalOptions="Start">
        <!-- top controls -->
    </StackLayout>

    <StackLayout VerticalOptions="CenterAndExpand">
        <!-- middle controls -->
    </StackLayout>

    <StackLayout Orientation="Horizontal" VerticalOptions="End">
        <!-- bottom controls -->
    </StackLayout>
</StackLayout>

    Make sure to have no more than one child with Expand options for best performance.