Cards with scroll view unable to scroll

[bchee]

Even after setting verticalSwipe={false} on CardStack component. The responder for vertical swipes is still the CardStack component. The child Card component is unable to take swipe input to enable a ScrollView to work inside a Card. Is there a solution to enabling scroll views in cards?

[novakben]

Did you try hacking it with zIndex / elevation?

Generally speaking, not sure putting scrollable elements inside a swipeable card is a good UX pattern for your users.

[hoangvuanhdevelopervn]

I think this is an issue, i can not scroll content in card.

[matias91]

I managed to scroll the content of the cards. Just make sure to not set flex: 1 in the scrollView contentContainerStyle prop. If you want to show an example code I'll be glad to help.

[NicWickman]

I also would like this functionality. I don't understand how zIndex would help.

[NicWickman]

I managed to scroll the content of the cards. Just make sure to not set flex: 1 in the scrollView contentContainerStyle prop. If you want to show an example code I'll be glad to help.

Could you share?

[matias91]

@NicWickman, sorry for the delay. What I have is something like this:

<CardStack style={{ flex: 1, zIndex: 99 }} verticalSwipe={false}>
  <Card style={{ flex: 1 }}>
    <ScrollView style={{ flex: 1 }}>
       your content
    </ScrollView>
  </Card>
</CardStack> 

I think that the zIndex: 99 in the CardStack is irrelevant to this problem, is just something that I needed for my use case, feel free to ignore it.

Good luck!

[mitesh-db]

Have anyone resolevd it? My card still got stuck sometimes. @lhandel

[aqabawe]

same, did anyone manage to solve this?