updates API to be compatible with RN 0.20.0

Author: jaysoo

README.md

@@ -81,6 +81,12 @@ The `ParallaxScrollView` component adds a few additional properties, as describe
 
 ## Changelog
 
+### 0.18.0 (Compatibility with React Native 0.20.0)
+
+- **Breaking:** Removes `ParallaxScrollView#scrollWithoutAnimationTo` since this has been deprecated in React Native.
+- Adds `ParallaxScrollView#getScrollableNode` method, which is required in React Native 0.20.0 for components implementing
+  `ScrollView` interface.
+
 ### 0.17.4
 
 - The background now fades out in the same manner as the foreground. Thanks @generalChaos for the PR.

examples/ListView/Talks.js

@@ -86,7 +86,7 @@ class Talks extends Component {
           renderFixedHeader={() => (
             <View key="fixed-header" style={styles.fixedSection}>
               <Text style={styles.fixedSectionText}
-                    onPress={() => this.refs.ParallaxView.getScrollResponder().scrollResponderScrollTo(0, 0)}>
+                    onPress={() => this.refs.ParallaxView.scrollTo({ x: 0, y: 0 })}>
                 Scroll to top
               </Text>
             </View>

examples/ListView/android/app/build.gradle

@@ -74,5 +74,5 @@ android {
 dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
-    compile "com.facebook.react:react-native:0.19.+"
+    compile "com.facebook.react:react-native:0.20.+"
 }

examples/ListView/package.json

@@ -6,7 +6,7 @@
     "start": "react-native start"
   },
   "dependencies": {
-    "react-native": "0.19.0",
+    "react-native": "0.20.0",
     "react-native-parallax-scroll-view": "../../"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-parallax-scroll-view",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "description": "A ScrollView-like component with parallax and sticky header support",
   "main": "src/index.js",
   "repository": {

src/index.js

@@ -108,21 +108,14 @@ class ParallaxScrollView extends Component {
   getScrollResponder() {
     return this.refs[SCROLLVIEW_REF].getScrollResponder();
   }
+  getScrollableNode() {
+    return this.getScrollResponder().getScrollableNode();
+  }
   getInnerViewNode() {
     return this.getScrollResponder().getInnerViewNode();
   }
-  scrollTo(destY, destX) {
-    const sr = this.getScrollResponder();
-    // TODO: Remove this when RN 0.21.0 is released.
-    // This is to make ParallaxScrollView compatible with older RN versions.
-    if (sr.scrollTo.length === 2) {
-      this.getScrollResponder().scrollTo(destY, destX);
-    } else {
-      this.getScrollResponder().scrollTo({ x: destY, y: destX });
-    }
-  }
-  scrollWithoutAnimationTo(destY, destX) {
-    this.getScrollResponder().scrollWithoutAnimationTo(destY, destX);
+  scrollTo(...args) {
+    this.getScrollResponder().scrollTo(...args);
   }
   setNativeProps(props) {
     this.refs[SCROLLVIEW_REF].setNativeProps(props);