我在创建XAML布局时遇到了一个问题。
我的XAML代码如下：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Achievement_Up.Achievements"
             Title="Achievements">

    <ScrollView Margin="20">

        <FlexLayout Wrap="Wrap"
                    Direction="Row"
                    AlignContent="Start">

            <BoxView Color="black" 
                     HeightRequest="100"
                     WidthRequest="100"/>

            <BoxView Color="Green" 
                     HeightRequest="100"
                     WidthRequest="100"/>

        </FlexLayout>

    </ScrollView>

</ContentPage>

我的调试输出，与我的预期相反，如下所示：

有谁能告诉我这些标签是如何工作的吗？我不知道我做错了什么。
最后，xaml页面后面没有c#代码。

编辑

我希望看到我的两个框在左上角的一排，而不是看到他们在中心/左侧的滚动视图。了解如何处理ScrollView或FlexLaYour的作品等标记可以帮助我更好地开发.NET MAUI应用程序。