Xamarin.Forms iOS transparent ListView heading issue

Question

I'm making a simple listview and got a problem with iOS header - I want to make it transparent, but the problem is, that listview items are sliding under heading. What I want to achieve, is that heading will slide up with listview items.

This is how it looks now

And this is how current code looks like:

                    <ListView  x:Name="SingleBeanView" 
                ItemsSource="{Binding Beans}" 
                IsGroupingEnabled="true"
                Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"
                           BackgroundColor="Transparent">
                    <ListView.GroupHeaderTemplate>
                        <DataTemplate>
                            <ViewCell ios:Cell.DefaultBackgroundColor="Transparent" Height="52">
                                <Label Text="{Binding Heading}" TextColor="{StaticResource LightTextColor}" FontSize="Large" HorizontalOptions="Start" VerticalOptions="Start" Margin="15,10,0,0"/>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.GroupHeaderTemplate>
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>
                                <StackLayout BackgroundColor="Transparent" Orientation="Vertical">
                                    <StackLayout Orientation="Horizontal">
                                        <Label Text="{Binding Field1}"/>
                                        <Label Text="{Binding Field2}"/>
                                        <Label Text="{Binding Field3}"/>
                                    </StackLayout>
                                </StackLayout>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>

can it be resolved by adding a top margin to the list view? – Ricardo Dias Morais Jun 25 '19 at 11:53 — Ricardo Dias Morais, Jun 25 '19 at 11:53
No, it does not work that way – user2549175 Jun 25 '19 at 13:51 — user2549175, Jun 25 '19 at 13:51

Junior Jiang · Answer 1 · 2019-06-26T07:40:51.297

Unfortunately , if using GroupHeader in ListView , this can not achieve your want.This effect is designed by Apple . If want to modify ,this need more things and time to do about customing listview.

Here is a solution for native ios, you can have a try with custom renderer to do.However, after testing this can not work in Xamarin.

So the last way maybe need custom cell to realize it--Puttinng header in Cell . Then That means you can not use GroupHeaderTemplate.

Another discussion.

Xamarin.Forms iOS transparent ListView heading issue

1 Answers1