search

i6mi6 / react-native-parallax-scroll-view

A ScrollView-like component with parallax and sticky header support.
ISC License
2.31k stars 379 forks source link

Scrollable tab as content #39

Open mschipperheyn opened 8 years ago

mschipperheyn commented 8 years ago

Hi,

Really like the component! I'm trying to implement a sticky header that simply contains the navigation bar, which works fine. However, the scrollable content contains ScrollableTabView (react-native-scrollable-tab-view. I have two problems that perhaps you may have a suggestion for:

  1. The scrollable tabs need to stick the top. If the page is longer than the screen, they basically scroll out of view
  2. I need to scroll on the parallax ScrollView when it's still visible, but transparently switch to the scrollview in the tab when it is not. Now, the scrolling depends on where you put your finger. I tried locking scrolling on the child ScrollViews, also, to try prevent scrolling the ScrollableTabView out of sight, but this didn't work.

Any suggestions?

viix commented 8 years ago

@mschipperheyn , same requirements, have you got solution?

mschipperheyn commented 8 years ago

No. My idea was to process scroll events but our dev team is not succeeding. I took them off this.

viix commented 8 years ago

OK, was thinking the same approach. any way, thanks for your info.

mschipperheyn commented 8 years ago

Let me know if u come up w something. We simply didn't have the time

infacq commented 8 years ago

I also want to combine it with tabBarIos but no success

mschipperheyn commented 8 years ago

It would be nice to be able to detect when the parallax animation has completed its open and close cycle. With that we can enable / disable scrolling on child listviews so this problem doesn't occur.

tanpuer commented 8 years ago

I really like this component . But it is not compatible with react-native-scrollable-tab-view. If you have fixed this problem, can you share with me?

tanpuer commented 8 years ago

Facebook f8 app provides ListContainer, it is similar with the combination of ScrollableTabView and ParallaxView. I have a try, it does work!

boniattirodrigo commented 7 years ago

Do you have some solutions for this case? I've searched for parallax with tabs, but at the moment I found nothing yet.

tqc308345108 commented 5 years ago

解决了吗

h1nson commented 3 years ago

i need a clone of instagram profile screen