react-native-parallax-scroll
react-native-parallax-scroll copied to clipboard
there is something wrong in `react-native-web`
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
- "react": "16.3.1",
- "react-native": "0.55.4",
- "react-native-web": "0.8.4",
- "@monterosa/react-native-parallax-scroll": "^1.8.0",
Affected platforms
- iOS
- Web
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>
);