VerticalStackLayout in MAUI

  In this example we are going to see VerticalStackLayout Example in MAUI.

1) Add new page and Update code as below.

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             x:Class="MauiApp1.VerticalStackLayoutEXP1"

             Title="VerticalStackLayoutEXP1">

    <VerticalStackLayout Spacing="10" >

        <Label 

            Text="VerticalStackLayout"

            VerticalOptions="Center" 

            HorizontalOptions="Start"  ></Label>

        <Label 

            Text="VerticalStackLayout EXP1"

            VerticalOptions="Center" 

            HorizontalOptions="Center" BackgroundColor="Red" />

        <Label 

            Text="VerticalStackLayout EXP1"

            VerticalOptions="Center" 

            HorizontalOptions="Center" BackgroundColor="Yellow" />

        <Label 

            Text="VerticalStackLayout EXP1"

            VerticalOptions="Center" 

            HorizontalOptions="Center" BackgroundColor="Brown" />

    </VerticalStackLayout>

</ContentPage>

Output:

Code in Github: https://github.com/adi501/MAUI