search

PedroBern / react-native-collapsible-tab-view

A cross-platform Collapsible Tab View component for React Native
MIT License
899 stars 177 forks source link

Scrollable Header with Touchables #356

Open gregavola opened 1 year ago

gregavola commented 1 year ago

I have seen this asked a few times, but is not possible to use pointEvents="none" and pointerEvents="box-none" is allow for users to scroll a header, but also have touchables in the header? It's unclear if this is possible. Right now, setting pointerEvents="box-none" as the parent View of the header, doesn't for scroll, but "none" does, but touchables don't fire. Any guidance?

nica0012 commented 1 year ago

i too am confused with the documentation here...

nasirdeveloper commented 1 year ago

I have seen this asked a few times, but is not possible to use pointEvents="none" and pointerEvents="box-none" is allow for users to scroll a header, but also have touchables in the header? It's unclear if this is possible. Right now, setting pointerEvents="box-none" as the parent View of the header, doesn't for scroll, but "none" does, but touchables don't fire. Any guidance?

I got same issue.. Is there any solutions? Please anyone help on this issue .

nica0012 commented 1 year ago

I can confirm 'none' works and 'box-only' does not. (I have touchables).

senghuotlay commented 1 year ago

same here

metinaltinbas commented 1 year ago

I can confirm 'none' works and 'box-only' does not. (I have touchables).

When i use box-only, the touchables within my header doesn't work.

tdvuanh commented 1 year ago

document says "box-none" will work for component contains touchable, but I don't see it works, I am have touchable in header component. If I set poitnter-events="none", scroll on header will work, but my touchable component not

antochan commented 9 months ago

I'm having the same issue. Have we found a solution to this?

anasvemmully commented 7 months ago

document says "box-none" will work for component contains touchable, but I don't see it works, I am have touchable in header component. If I set poitnter-events="none", scroll on header will work, but my touchable component not

+1, got any solution?

Gaohaoyang commented 6 months ago

same here

JDBoots commented 6 months ago

+1

souvenir718 commented 4 months ago

same here

Unich-HieuDT commented 1 month ago

Hi @gregavola The issue occurs when I place my finger on the button and try to scroll, it doesn’t work, but if I place my finger outside the button and scroll, it works fine. Is there any way to fix this?