alexbrillant / react-native-deck-swiper

tinder like react-native deck swiper
ISC License
1.57k stars 464 forks source link

How To Use ScrollView in Card? #351

Open vuciv opened 3 years ago

vuciv commented 3 years ago

I've read through the past problems on this, but can't find a solution that doesn't make the gesture very buggy.

Any thoughts?

ksielyov commented 3 years ago

same

ithebk commented 3 years ago

verticalSwipe={false}

And use TouchableWithoutFeedback inside Scrollview

AnatuGreen commented 2 years ago

verticalSwipe={false}

And use TouchableWithoutFeedback inside Scrollview

After hours of search, this worked. Some other people recommended using inside and I don't know why it did not work for me. This your solution worked perfecto!

sametcl2 commented 2 years ago

verticalSwipe={false}

And use TouchableWithoutFeedback inside Scrollview

Wow! This really saved my day. Thanks.

gursewak-sohi commented 1 year ago

This wasted my day. Thanks

keranrong commented 1 year ago

Sorry a newbie here. Can someone show me some example code please?

willie-hung commented 9 months ago

This worked, thanks!

niki-bri commented 4 months ago

Hi, this works like a charm. However, scrolling vertically is freakishly difficult for me as the horizontal swipe gestures are very sensitive. Is there any way to make vertical scrolling less difficult?

niki-bri commented 4 months ago

Ok, I fixed it using a touchable opacity. No idea why using TouchableWithoutFeedback did not work for me.

cagrigit-hub commented 4 months ago

Hey guys, this solution works on IOS but not on android for me. Any suggestion ?

ArnabChatterjee20k commented 3 months ago
<ScrollView className="max-h-[150px]" persistentScrollbar={true}>
        <TouchableOpacity
          accessibilityRole="scrollbar"
          onPress={() => alert("hello")}
        >
          <Text className="text-[#E2D8CC] text-xl">{answer}</Text>
        </TouchableOpacity>
      </ScrollView>

where am I going wrong ? I tested with touchablewithout feedback as well but not working

DaliaaDawod commented 1 month ago

I still have the same problem, anyone solved it? did not work with TouchableOpacity or with touchableWithoutFeedback

danielsilvajobs commented 3 weeks ago

Sam IOS is fine but not on Android, any solution?

semihyagli commented 3 weeks ago

I am distant to this problem, but wanted to chip-in in case this may be of help. Don't shoot the messenger if it does not.

Based on my prior experience on something else, Android has an issue with scrollview. I recall solving it by putting {flex: 1} in the style of the main <View> that encapsulates <Scrollview> and other <View> elements. Hope in your use case this solves it also. Worth a shot.