search

monterosalondon / react-native-parallax-scroll

Parallax scroll view for react-native
MIT License
555 stars 62 forks source link

there is something wrong in `react-native-web` #33

Open geminiyellow opened 6 years ago

geminiyellow commented 6 years ago

Issue details

hi @z4o4z thanks for your work.

this lib work very well in react-native , but i when to use it in react-native-web ,

something is happen, the backgroundPlaceholder not in the right place, it will come to side by side with the foreground.

Please specify which versions of the RN and ParallaxScroll

Affected platforms

Screenshots / Screencast / Code Snippets (Optional)

and all my render code is here

  return (
      <ParallaxScroll
        style={style}
        useNativeDriver={true}
        isBackgroundScalable={true}
        parallaxHeight={theme.PARALLAX_HEADER_HEIGHT}
        headerFixedTransformY={theme.PARALLAX_STICKY_HEADER_HEIGHT / 2}
        fadeOutParallaxBackground={false}
        fadeOutParallaxForeground={true}
        headerFixedBackgroundColor={'rgba(51, 51, 51, 1)'}
        headerBackgroundColor={'rgba(51, 51, 51, 0)'}
        parallaxBackgroundScrollSpeed={5}
        parallaxForegroundScrollSpeed={2.5}
        renderParallaxForeground={() => <Foreground onPress={() => console.log('onPress Foreground')} />}
        // renderBackgroundPlaceholder={() => <Content children={children} navigation={navigation} />}
      >
        <Content />
      </ParallaxScroll>
    );

image