Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How To Use ScrollView in Card? #351

Open
vuciv opened this issue Apr 21, 2021 · 14 comments
Open

How To Use ScrollView in Card? #351

vuciv opened this issue Apr 21, 2021 · 14 comments

Comments

@vuciv
Copy link

vuciv commented Apr 21, 2021

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
Copy link

ksielyov commented May 5, 2021

same

@ithebk
Copy link

ithebk commented Jun 15, 2021

verticalSwipe={false}

And use TouchableWithoutFeedback inside Scrollview

@AnatuGreen
Copy link

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
Copy link

verticalSwipe={false}

And use TouchableWithoutFeedback inside Scrollview

Wow! This really saved my day. Thanks.

@gursewak-sohi
Copy link

This wasted my day. Thanks

@keranrong
Copy link

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

@willie-hung
Copy link

This worked, thanks!

@niki-bri
Copy link

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
Copy link

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

@cagrigit-hub
Copy link

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

@ArnabChatterjee20k
Copy link

<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
Copy link

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

@danielsilvajobs
Copy link

danielsilvajobs commented Nov 4, 2024

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

@semihyagli
Copy link

semihyagli commented Nov 4, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests