FlexLayout in MAUI

  In this example we are going to see FlexLayout 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.FlexLayoutEXP1"

             Title="FlexLayoutEXP1">

    <FlexLayout Direction="Row"

            AlignItems="Start"

            JustifyContent="SpaceEvenly">

        <Label Text="FlexLayout in Action" />

        <Button Text="Button 1" />

        <Label Text="Another Label" />

        <Button Text="Button 2" />

        <Button Text="Button 3" />

        <Button Text="Button 4" />

    </FlexLayout>

</ContentPage>

Output:

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