Second ExpanderView PrimaryView height issue when First Status changes to Expanded iOS - CollectionView

<CollectionView
    ItemsSource="{Binding Items}"
    VerticalOptions="StartAndExpand"
    ItemSizingStrategy="MeasureAllItems">
    <CollectionView.ItemsLayout>
        <LinearItemsLayout
            Orientation="Vertical"
            ItemSpacing="0" />
    </CollectionView.ItemsLayout>
<CollectionView.ItemTemplate>
</CollectionView.ItemTemplate>
</CollectionView>

<expander:ExpandableView StateChanged="ExpandableViewStatusChanged">
    <expander:ExpandableView.PrimaryView>
        <Grid
            RowSpacing="0">
            <Grid.RowDefinitions>
                <RowDefinition
                    Height="Auto" />
                <RowDefinition
                    Height="40" />
                <RowDefinition
                    Height="Auto" />
            </Grid.RowDefinitions>
            <BoxView
                HeightRequest="1"
                BackgroundColor="Gray"
                Grid.Row="0" />
            <StackLayout
                x:Name="sl"
                Spacing="0"
                Orientation="Horizontal"
                Grid.Row="1">
                <Label
                    Margin="20,0,0,0"
                    x:Name="plusMinus"
                    Text="+"
                    VerticalTextAlignment="Center" />
                <Label
                    Text="{Binding Title}"
                    Margin="10,0,0,0"
                    TextColor="Green"
                    VerticalOptions="Center"
                    VerticalTextAlignment="Center"
                    HorizontalOptions="Start" />
            </StackLayout>
            <BoxView
                HeightRequest="1"
                BackgroundColor="Gray"
                Grid.Row="2" />
        </Grid>
    </expander:ExpandableView.PrimaryView>
    <expander:ExpandableView.SecondaryViewTemplate>
        <DataTemplate>
            <Label
                Padding="30,10"
                Text="{Binding Detail}"
                VerticalOptions="Start"
                VerticalTextAlignment="Center" />
        </DataTemplate>
    </expander:ExpandableView.SecondaryViewTemplate>
</expander:ExpandableView>

</DataTemplate>

private void ExpandableViewStatusChanged(object sender, StatusChangedEventArgs args)
{
    if (sender is ExpandableView expander)
    {
        if (expander.PrimaryView is Grid grid)
        {
            if (grid.FindByName("sl") is StackLayout titleStackLayout)
            {
                if (titleStackLayout.Children[0] is Label icon && titleStackLayout.Children[1] is Label titleText)
                {
                    if (args.Status == ExpandStatus.Expanding)
                    {
                        Device.BeginInvokeOnMainThread(() => {
                            titleStackLayout.BackgroundColor = Color.Green;
                            icon.Text = "-";

                            icon.TextColor = Color.White;
                            titleText.TextColor = Color.White;
                        });

                    }
                    else if (args.Status == ExpandStatus.Collapsing)
                    {
                        Device.BeginInvokeOnMainThread(() => {
                            titleStackLayout.BackgroundColor = Color.White;
                            icon.Text = "+";

                            icon.TextColor = Color.Green;
                            titleText.TextColor = Color.Green;
                        });


                    }

                }
            }
        }


    }

}

iOS ScreenShot

Only 1st item selected(look at Item2 height) - this is wrong

Other selections which look fine

None expanded

all 3 expanded

middle only expanded

last 2 expanded

last only expanded

Tried calling expander.ForceUpdateSize() and (expander.PrimaryView as Grid).ForceLayout() but dint work as expected.

Android

On android it is fine.

[AndreiMisiukevich]

Update

As mentioned in other posts using BindableLayout with StackLayout fixed this issue Only drawback was ItemTemplateSelctor BindableObject container doesn’t expose ItemsSource to do manipulation.

Why?

var stack = new StackLayout();
var source = BindableLayout.GetItemsSource(stack);

[pmahend1]

@AndreiMisiukevich Thanks!