Creating MAUI wizard control

I am creating a wizard control in MAUI. On of the screens is this:

<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:helpers="clr-namespace:TimeApp.Helpers"
x:Class="TimeApp.Controls.Wizard.Steps.SetupWizardWelcomeView">
<StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
<VerticalStackLayout VerticalOptions="Start">
<Label 
Text="¡ Bienvenido a su enrolamiento !"
HorizontalOptions="Center" />
</VerticalStackLayout>
<StackLayout Padding="0, 20, 0, 20" VerticalOptions="CenterAndExpand">
<Label 
Text="Por medio de este asistente, podrá darse de alta en el sistema de control de asistencia de su empresa" />
</StackLayout>
<VerticalStackLayout VerticalOptions="End">
<Grid ColumnDefinitions="*, *" BackgroundColor="red">
<HorizontalStackLayout HorizontalOptions="FillAndExpand">
<Button Margin="10, 0, 10, 0" Text="Anterior" Grid.Column="0" HorizontalOptions="Start">
<Button.ImageSource>
<FontImageSource
FontFamily="FontAwesomeSolid"
Glyph="{x:Static helpers:FontAwesomeIcons.Previous}"
Color="DodgerBlue"
Size="24"/>
</Button.ImageSource>
</Button>
<Button Margin="10, 0, 10, 0" Grid.Column="1" HorizontalOptions="End">
<Button.ImageSource>
<FontImageSource
FontFamily="FontAwesomeSolid"
Glyph="{x:Static helpers:FontAwesomeIcons.Next}"
Color="DodgerBlue"
Size="24"/>
</Button.ImageSource>
<Button.Text>Siguente</Button.Text>
</Button>
</HorizontalStackLayout>
</Grid>
</VerticalStackLayout>
</StackLayout>
</ContentView>

I am not getting the page to look how I need.

First, I need the buttons to be placed at the bottom of the page and second, to place the FontAwesomeIcons.Next icon to the right of the button label.

How can I do that? I have already spent several hours trying to do this but no avail.

> to place the FontAwesomeIcons.Next icon to the right of the button label.

To achieve this, you may use ContentLayout property which defines the object that controls the position of the button image and the spacing between the button's image and text.

So you want to place the icon the right of the text, try the following:

<Button WidthRequest="200" Margin="10, 0, 10, 0" Text="Anterior" ContentLayout="Right,1">

The "1" stands for the spacing between the text and the image.

To place the button at the bottom, just as @Jason said, using a grid can achieve this, though you use a custom control. The solution is the similar.

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
...
>
<Grid RowDefinitions="*,Auto">
<VerticalStackLayout 
Spacing="25"
Padding="30,0"
VerticalOptions="Center">
......
</VerticalStackLayout>
<local:CustomControl Grid.Row="1"/> // your custom control/ContentView
</Grid>
</ContentPage>

Hope it works