CardView: CarouselView gets out of sync with rapid swiping of views

I have a page with a CarouselView containing 4 view - on rapid swiping data gets out of sync. The data that should be shown on 4th view is show on 3rd view and when you swipe to 4th view its blank. I have tried setting IsViewReusingEnabled = false but still getting out of sync data.

Also in between swiping - i get the following message in the console.

CardsView: Couldn’t handle InvalidOperationException

Below is the code snippet:

<cards:CarouselView
                Grid.Row="1"
                x:Name="MainCardView"
                IsCyclical="False"
                IsClippedToBounds="True"
                IsViewReusingEnabled = "False"
                SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}"
                BackgroundColor="White"
                ItemsSource="{Binding Characteristics}">
                <cards:CarouselView.ItemTemplate>
                    <DataTemplate>
                        <ScrollView
                            BackgroundColor="{StaticResource AppWhite}"
                            Padding="24,0,24,16">
                            <StackLayout
                                Spacing="16"
                                BindableLayout.ItemsSource="{Binding Sections}"
                                BindableLayout.ItemTemplateSelector="{StaticResource ExploreDataTemplateSelector}">
                            </StackLayout>
                        </ScrollView>
                    </DataTemplate>
                </cards:CarouselView.ItemTemplate>
                <cardsControl:IndicatorsControl
                    SelectedIndicatorStyle="{StaticResource ActiveIndicator}"
                    UnselectedIndicatorStyle="{StaticResource InactiveIndicator}" />
            </cards:CarouselView>

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Comments: 37 (21 by maintainers)

Most upvoted comments

@vunhutien thanks

so, i think

  1. TextType=“Html” : it’s something wrong with this label type. But it isn’t related to this project, because it works fine with regular labels. No idea for now, what can be wrong
  2. back button: it looks like UI glitch. Probably it is related to HTML label as well

I agreed that issue no 1 may not related to this library, but i’m not very sure about No 2 cause in screen that i used Text Label it still got that issue.

BTW i highly appreciate your effort to create this lib, troubleshoot issue and resolve it. Thanks so much.