react-native-parallax-scroll-view icon indicating copy to clipboard operation
react-native-parallax-scroll-view copied to clipboard

Scrollable tab as content

Open mschipperheyn opened this issue 9 years ago • 11 comments

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?

mschipperheyn avatar May 29 '16 13:05 mschipperheyn

@mschipperheyn , same requirements, have you got solution?

viix avatar Jun 16 '16 07:06 viix

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

mschipperheyn avatar Jun 16 '16 12:06 mschipperheyn

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

viix avatar Jun 17 '16 03:06 viix

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

mschipperheyn avatar Jun 17 '16 11:06 mschipperheyn

I also want to combine it with tabBarIos but no success

infacq avatar Sep 27 '16 05:09 infacq

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.

mschipperheyn avatar Sep 28 '16 20:09 mschipperheyn

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 avatar Nov 09 '16 05:11 tanpuer

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

tanpuer avatar Nov 16 '16 10:11 tanpuer

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

boniattirodrigo avatar Apr 20 '17 22:04 boniattirodrigo

解决了吗

tqc308345108 avatar Nov 28 '18 09:11 tqc308345108

i need a clone of instagram profile screen

h1nson avatar Nov 01 '21 03:11 h1nson