This repository was archived by the owner on Aug 29, 2025. It is now read-only.
Description 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
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 >
) ;
Reactions are currently unavailable
Issue details
hi @z4o4z thanks for your work.
this lib work very well in
react-native, but i when to use it inreact-native-web,something is happen, the
backgroundPlaceholdernot in the right place, it will come to side by side with theforeground.Please specify which versions of the RN and ParallaxScroll
Affected platforms
Screenshots / Screencast / Code Snippets (Optional)
and all my
rendercode is here