Fixed the ItemSpacing issue in CV2

Author: Ahamed-Ali

src/Controls/src/Core/Handlers/Items2/CarouselViewHandler2.iOS.cs

@@ -45,7 +45,6 @@ protected override UICollectionViewLayout SelectLayout()
 			NSCollectionLayoutDimension itemHeight = NSCollectionLayoutDimension.CreateFractionalHeight(1);
 			NSCollectionLayoutDimension groupWidth = NSCollectionLayoutDimension.CreateFractionalWidth(1);
 			NSCollectionLayoutDimension groupHeight = NSCollectionLayoutDimension.CreateFractionalHeight(1);
-			nfloat itemSpacing = 0;
 			NSCollectionLayoutGroup group = null;
 
 			var layout = new UICollectionViewCompositionalLayout((sectionIndex, environment) =>
@@ -92,8 +91,11 @@ protected override UICollectionViewLayout SelectLayout()
 
 				// Create our section layout
 				var section = NSCollectionLayoutSection.Create(group: group);
-				section.InterGroupSpacing = itemSpacing;
 				section.OrthogonalScrollingBehavior = IsHorizontal ? UICollectionLayoutSectionOrthogonalScrollingBehavior.GroupPagingCentered : UICollectionLayoutSectionOrthogonalScrollingBehavior.None;
+				if (VirtualView.ItemsLayout is LinearItemsLayout linearItemsLayout)
+				{
+					section.InterGroupSpacing = (nfloat)linearItemsLayout.ItemSpacing;
+				}
 				section.VisibleItemsInvalidationHandler = (items, offset, env) =>
 				{
 					//This will allow us to SetPosition when we are scrolling the items

src/Controls/tests/TestCases.HostApp/Issues/Issue25192.xaml

@@ -1,27 +1,28 @@
 <?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"
+              xmlns:local="clr-namespace:Maui.Controls.Sample"
              x:Class="Maui.Controls.Sample.Issues.Issue25192">
     <Grid>
-        <CarouselView Margin="2,9,2,20"
+        <local:CarouselView2 Margin="2,9,2,20"
                       HeightRequest="180"
                       Loop="False"
                       PeekAreaInsets="20"
                       VerticalOptions="End">
-            <CarouselView.ItemsSource>
+            <local:CarouselView2.ItemsSource>
                 <x:Array Type="{x:Type x:String}">
                     <x:String>Item1</x:String>
                     <x:String>Item2</x:String>
                     <x:String>Item3</x:String>
                 </x:Array>
-            </CarouselView.ItemsSource>
-            <CarouselView.ItemsLayout>
+            </local:CarouselView2.ItemsSource>
+            <local:CarouselView2.ItemsLayout>
                 <LinearItemsLayout ItemSpacing="5"
                                    Orientation="Horizontal"
                                    SnapPointsAlignment="Center"
                                    SnapPointsType="MandatorySingle"/>
-            </CarouselView.ItemsLayout>
-            <CarouselView.ItemTemplate>
+            </local:CarouselView2.ItemsLayout>
+            <local:CarouselView2.ItemTemplate>
                 <DataTemplate
                     x:DataType="{x:Null}">
                     <Border BackgroundColor="Red"
@@ -99,7 +100,7 @@
                         </Grid>
                     </Border>
                 </DataTemplate>
-            </CarouselView.ItemTemplate>
-        </CarouselView>
+            </local:CarouselView2.ItemTemplate>
+        </local:CarouselView2>
     </Grid>
 </ContentPage>