there is something wrong in react-native-web

[geminiyellow]

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>
    );