[C#/MAUI/.NET6] FlexLayout 엘리먼트 : Basis 첨부 속성을 사용해 개별 자식의 초기 기본 축 기준 공간 크기 설정하기

TestProject.zip

0.15MB

▶ MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <Frame
        Margin="10"
        CornerRadius="0"
        BorderColor="Black"
        Padding="2,2,2,2">
        <FlexLayout
            Direction="Column"
            AlignItems="Center"
            JustifyContent="Center">
            <BoxView
                FlexLayout.Basis="100"
                WidthRequest="100"
                HeightRequest="100"
                Color="Red" />
            <BoxView
                FlexLayout.Basis="150"
                WidthRequest="100"
                HeightRequest="100"
                Color="Green" />
            <BoxView
                FlexLayout.Basis="200"
                WidthRequest="100"
                HeightRequest="100"
                Color="Blue" />
            <BoxView
                FlexLayout.Basis="250"
                WidthRequest="100"
                HeightRequest="100"
                Color="Magenta" />
        </FlexLayout>
    </Frame>
</ContentPage>