Как сложить изображения в представлении коллекции так, чтобы они помещались на экране в Xamarin Forms?

Цель: у меня есть 10 изображений, 4 из которых особенные. Я хочу, чтобы 4 специальных изображения соответствовали всему экрану. Я думаю, что на самом деле сделал это, но он не учитывает вкладки в нижней части приложения из AppShell.xaml. Таким образом, кажется, что оно подходит правильно, но четвертое изображение частично находится за вкладками и заставляет пользователя прокручивать.

У меня было два представления коллекции на странице, и это заставляло второе прокручиваться внутри собственного фрейма, что было странно. Поэтому, чтобы решить эту проблему, я поместил 4 специальных изображения в шаблон заголовка представления коллекции.

Вот что у меня есть, а затем то, что я хочу:

<RefreshView x:DataType="local:SpotlightViewModel" Command="{Binding LoadItemsCommand}" IsRefreshing="{Binding IsBusy, Mode=TwoWay}" Margin="0, 0, 0, 0">
        
  <ScrollView InputTransparent="True" >
    <Grid >
      <CollectionView x:Name="SpotletsListView"
                              ItemsSource="{Binding Spotlets}"
                              EmptyView=""
                              SelectionMode="None">
        <CollectionView.ItemsLayout>
          <LinearItemsLayout SnapPointsAlignment="Start" SnapPointsType="Mandatory" Orientation="Vertical"></LinearItemsLayout>
        </CollectionView.ItemsLayout>
        <CollectionView.Header>
          <CollectionView ItemsSource="{Binding SpotlightSpotlets}">
            <CollectionView.ItemTemplate>
              <DataTemplate>
                <StackLayout Padding="0, .1" x:DataType="model:Spotlet" HorizontalOptions="Center" VerticalOptions="FillAndExpand">
                  <Image Aspect="AspectFit" HorizontalOptions="Center" Source="{Binding Url, Converter={StaticResource ImageSourceConverter}}" ></Image>
                </StackLayout>
              </DataTemplate>
            </CollectionView.ItemTemplate>
         </CollectionView>
      </CollectionView.Header>
      <CollectionView.ItemTemplate>
        <DataTemplate>
          <StackLayout Padding="0, .1" x:DataType="model:Spotlet" HorizontalOptions="Center">
            <Image Aspect="AspectFit" HorizontalOptions="Center" Source="{Binding Url, Converter={StaticResource ImageSourceConverter}}" ></Image>
          </StackLayout>
        </DataTemplate>
      </CollectionView.ItemTemplate>
    </CollectionView>
  </Grid>
</ScrollView>
</RefreshView>

То, что я хочу, просто. Сделать это для новичка в Xamarin, такого как я, не так просто.

1. Первые четыре изображения для заполнения экрана, но с учетом вкладок внизу
2. Все последующие изображения для заполнения экрана
3. При прокрутке зафиксируйте изображение на месте, чтобы два изображения не отображались одновременно
4. Когда я дойду до конца, разрешите продолжение прокрутки, чтобы вернуться наверх

Возможно, мне нужно использовать карусель для части этого, что я пробовал, но также столкнулся с каким-то странным поведением. Может ли кто-нибудь дать мне шаблон, который может помочь?

Страница 1:

[ -- this is an image -- ]
[ -- this is an image -- ]
[ -- this is an image -- ]
[ -- this is an image -- ]

Страница 2:

[ -- one image, fills -- ]

Страница 3:

[ -- one image, fills --]

Когда я достигну дна, я хочу, чтобы он снова бесконечно прокручивал одни и те же элементы. У меня есть две отдельные коллекции в коде. Один содержит 4, другой — остальные.