Почему FlexLayout не прокручивается?

Question

Рассмотрим две страницы .NET MAUI (Android) ниже:

Страница 1:

      <ContentPage ...>

    <ScrollView>
        <VerticalStackLayout>
            <Label Text="The good movie 1" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 2" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 3" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 4" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 5" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 6" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 7" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 8" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 9" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 10" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 11" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 12" FontSize="40" WidthRequest="140" />
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

Страница 2:

      <ContentPage ...>

    <ScrollView>
        <FlexLayout Direction="Row" Wrap="Wrap" JustifyContent="SpaceEvenly">
            <Label Text="The good movie 1" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 2" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 3" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 4" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 5" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 6" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 7" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 8" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 9" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 10" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 11" FontSize="40" WidthRequest="140" />
            <Label Text="The good movie 12" FontSize="40" WidthRequest="140" />
        </FlexLayout>
    </ScrollView>

</ContentPage>

На странице 1 текст метки отображается полностью, и я могу прокручивать, чтобы увидеть все метки.

Но на странице 2 кажется, что все метки сжаты, чтобы поместиться на экране по вертикали, и отображается только начало текста на метке.

Как я могу заставить текст на этикетке отображаться полностью, а экран прокручиваться с помощью FlexLayout ?

+++++++ Добавлено +++++++

Это то, что я получаю только с 4 ярлыками.

Кажется, что они заполняют все вертикальное пространство. Как насчет ScrollView?

Answer 1

При установке в качестве дочернего элементаScrollView, Контент не прокручивается . В заключение, этоknown issueэто отслеживается по ссылке ниже, вы можете следить там.

https://github.com/dotnet/maui/issues/5091

В качестве альтернативного обходного пути вы можете использоватьVerticalStackLayout,StackLayoutилиGridвместоFlexLayoutкак показано ниже:

      <ScrollView>
        <StackLayout>
            
              \\\
        </StackLayout>
</ScrollView>