ScrollView within listview not working properly

Question

I am putting a scroll view within a list view which is not working properly; it gets stuck sometimes. I changed the VerticalOptions property, but it scrolls for movement and then gets stuck.

This is my markup:

<ListView RowHeight="70" ItemTapped="ListView_ItemTapped" Margin="15,10" HasUnevenRows="True"  SeparatorVisibility="None" ItemsSource="{Binding InteractionsHistory}">
<ListView.ItemTemplate>
    <DataTemplate>
        <ViewCell >
            <StackLayout BackgroundColor="White"  
                                     Orientation="Horizontal" 
                                     HorizontalOptions="FillAndExpand" 
                                     VerticalOptions="FillAndExpand"
                                     Margin="0,0,0,10">
                <Grid  HorizontalOptions="FillAndExpand" RowSpacing="1" Margin="0,5,0,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25" />
                        <RowDefinition Height="1" />
                        <RowDefinition Height="100"/>
                        <RowDefinition Height="1" />
                        <RowDefinition Height="30" />
                    </Grid.RowDefinitions>
                    <StackLayout  Grid.Row="0" Orientation="Horizontal" Margin="5,0,5,0" >
                        <local:ImageCircle Aspect="AspectFill" VerticalOptions="Center" Source="{Binding ChannelImg}"  WidthRequest="25" HeightRequest="25"/>
                        <Label Text="{Binding InteractionAddedBy}" Style="{StaticResource lblCommonVewCase}" HorizontalOptions="FillAndExpand"/>
                        <Label Text="{Binding CreatedDate}" HorizontalOptions="EndAndExpand" Style="{StaticResource lblCommonVewCase}"/>
                    </StackLayout>
                    <StackLayout Margin="5,0,5,0" Style="{StaticResource CommonStackLayout}" Grid.Row="1"></StackLayout>
                    <ScrollView  Margin="10,10,10,0" Grid.Row="2"  VerticalOptions="Fill" Orientation="Vertical" HorizontalOptions="Fill" BackgroundColor="AliceBlue" >
                        <Label  Text="{Binding InteractionDesc}" VerticalOptions="FillAndExpand" Style="{StaticResource lblCommonVewCase}"/>
                    </ScrollView>
                    <StackLayout Margin="5,0,5,0" IsVisible="{Binding IsAttachmentVisible}"  Style="{StaticResource CommonStackLayout}" Grid.Row="3"></StackLayout>
                    <StackLayout Grid.Row="4" VerticalOptions="Center" Orientation="Horizontal" Margin="15,0" Padding="0,5" 
                                                 IsVisible="{Binding IsAttachmentVisible}" BackgroundColor="White">
                        <Image Source="attach.png" HeightRequest="15" WidthRequest="15" VerticalOptions="Center"/>
                        <Label Text="Attachments" Style="{StaticResource lblCommonVewCase}" VerticalOptions="Center"/>
                        <StackLayout.GestureRecognizers>
                            <TapGestureRecognizer Tapped="ViewAttach_Tapped" CommandParameter="{Binding .}"></TapGestureRecognizer>
                        </StackLayout.GestureRecognizers>
                    </StackLayout>
                </Grid>
            </StackLayout>
        </ViewCell>
    </DataTemplate>
</ListView.ItemTemplate>
</ListView>

The usage of using a ScrollView in a ListView or the other way around is highly discouraged because it can cause weird behavior, like this. I would recommend you to find another way to solve your problem. — Gerald Versluis
– Gerald Versluis, Commented Jan 30, 2018 at 13:04

General Grievance · Accepted Answer · 2022-09-05 20:54:58Z

1

You shouldn't put a ListView inside a ScrollView because the ListView class implements its own scrolling and it just doesn't receive gestures because they all are handled by the parent ScrollView.

https://stackoverflow.com/a/6211286/

Even on the native platform development, it's discouraged as you can see on this question.

edited Sep 5, 2022 at 20:54

General Grievance

5,12039 gold badges40 silver badges60 bronze badges

answered Jan 30, 2018 at 13:07

Diego Rafael Souza

5,3243 gold badges27 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ScrollView within listview not working properly

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related