search

JungHsuan / react-native-collapsible-tabview

This is only an implementation of tabview with collapsible header.
MIT License
276 stars 61 forks source link

header not touch #7

Open songxiaoliang opened 3 years ago

songxiaoliang commented 3 years ago

header not touch, i need scroll to touch header

JungHsuan commented 3 years ago

hi @songxiaoliang, Do you mean header is not scrollable? if so, I have a version of scrollable header, but the performance is not quite well on Android.

songxiaoliang commented 3 years ago

@JungHsuan Yes, a large part of the area above my TabBar is the Header, but when the area is large, the height of the header may be larger than the mobile phone screen in extreme cases. At this time, there is no way to touch and slide, because there is no way in the heap area. Trigger sliding operation

JungHsuan commented 3 years ago

OK, I will create a new branch for a scrollable-header solution.

songxiaoliang commented 3 years ago

@JungHsuan That's really great, I look forward to it, thank you

songxiaoliang commented 3 years ago

@JungHsuan Hello, is there any new progress

JungHsuan commented 3 years ago

@songxiaoliang hi, sorry for my late update. I simply wrote an example of scrollable header. Please check the file headerScrollableDemo.js.

songxiaoliang commented 3 years ago

@JungHsuan Great, very happy and thankful, I go to practice, communicate at any time, thank you again

sanbat commented 3 years ago

How to use ScrollView instead of FlatList in headerScrollableDemo.js

JungHsuan commented 3 years ago

@sanbat Hi, you need to replace scrollToOffset to scrollTo.

sanbat commented 3 years ago

@JungHsuan Thanks a lot.. Its working

kiwina commented 3 years ago

Nice example! like to point out that the content over scrolls below the tab bar. you cannot notice it when the list is large but if you change it to say 4 elements, you will see it