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

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

Open geminiyellow opened this issue 6 years ago • 0 comments

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

image

geminiyellow avatar Sep 07 '18 03:09 geminiyellow