Stick Layout in Xamarin Forms to bottom

Question

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?

Answer 1

<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.

Answer 2

You can use VerticalOptions to send layout to bottom.

var stacklayout = new stackLayout() {      VerticalOptions = LayoutOptions.EndAndExpand      Children = {       //your elements      } }