Error: Passed properties: {"translateY":0"extrapolate":"clamp"}

Hello, I am trying to run the simple Usage example on the first page, but I got this error: You must specify exactly one property per transform object. Passed properties: {“translateY”:0"extrapolate":“clamp”}

I got this error when I tried to run the full example too. And I just can’t seem to resolve it.

If you have time please assist me ! Version: react-native-cli: 2.0.1 react-native: 0.42.3 Code:

import React from 'react';
import {
  Text
} from 'react-native';

import Parallax from 'react-native-parallax';

const Example = React.createClass({
    render() {
    return (
      <Parallax.ScrollView>
        <Parallax.Image
          style={{ height: 200 }}
          overlayStyle={{ backgroundColor: 'rgba(0,0,0,0.3)'}}
          source={require('../assets/mainImages/2.png')}
        >
          <Text>This is optional overlay content</Text>
        </Parallax.Image>
      </Parallax.ScrollView>
    );
  },
});
Export default Example;

Thank you !

[mgolkardev]

Hi

Please comment extrapolate: 'clamp' in \node_modules\react-native-parallax\ParallaxImage.js line 94 or Move extrapolate to scrollY.interpolate like this

          translateY:   scrollY.interpolate({
            inputRange:   [offset - height, offset + WINDOW_HEIGHT + height],
            outputRange:  [-parallaxPadding, parallaxPadding],
            extrapolate:  'clamp',
          }),

Your problem will be resolved.

[pxue]

I just upgraded from 0.41.1, So I’m not sure about 0.42. I’ve forked and fixed it here: https://github.com/pxue/react-native-parallax Feel free to point your package.json to it for now. I’ll submit a PR