Update example project to work with RN 0.56.0

Author: cesardeazevedo

example/android/app/build.gradle

@@ -84,13 +84,13 @@ def enableSeparateBuildPerCPUArchitecture = false
 def enableProguardInReleaseBuilds = false
 
 android {
-    compileSdkVersion 25
-    buildToolsVersion "23.0.1"
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
 
     defaultConfig {
         applicationId "com.rncollapsingtoolbarexample"
-        minSdkVersion 16
-        targetSdkVersion 25
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
         versionName "1.0"
         ndk {
@@ -128,9 +128,9 @@ android {
 
 dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
-    compile 'com.android.support:appcompat-v7:25.3.1'
     compile "com.facebook.react:react-native:+"  // From node_modules
-    compile 'com.android.support:design:25.3.1'
+    compile 'com.android.support:appcompat-v7:26.1.0'
+    compile 'com.android.support:design:26.1.0'
     compile project(':react-native-vector-icons')
     compile project(':react-native-collapsing-toolbar')
     compile project(':react-native-nested-scroll-view')

example/android/build.gradle

@@ -3,9 +3,13 @@
 buildscript {
     repositories {
         jcenter()
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:2.2.3'
+        classpath 'com.android.tools.build:gradle:2.3.3'
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
@@ -20,5 +24,17 @@ allprojects {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
             url "$rootDir/../node_modules/react-native/android"
         }
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
     }
 }
+
+ext {
+    buildToolsVersion = "26.0.3"
+    minSdkVersion = 16
+    compileSdkVersion = 26
+    targetSdkVersion = 26
+    supportLibVersion = "26.1.0"
+}

example/android/gradle/wrapper/gradle-wrapper.properties

@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-3.5.1-all.zip

example/index.android.js

@@ -24,10 +24,10 @@ import {
 
 import NestedScrollView from 'react-native-nested-scroll-view'
 
-const data = Array(20).fill().map((_, index) => ({key: index}))
+const data = Array(20).fill().map((_, index) => ({key: index.toString()}))
 
 const HEADER_HEIGHT = 250
-const { width } = Dimensions.get('window')
+const { width, height } = Dimensions.get('window')
 
 export default class RNCollapsingToolbar extends Component {
   state = {
@@ -129,7 +129,7 @@ export default class RNCollapsingToolbar extends Component {
 
 const styles = StyleSheet.create({
   container: {
-    paddingBottom: 550
+    height: height - HEADER_HEIGHT,
   },
   appbar: {
     height: HEADER_HEIGHT,

example/package.json

@@ -8,15 +8,15 @@
     "test": "jest"
   },
   "dependencies": {
-    "react": "16.0.0",
-    "react-native": "0.51.0",
+    "react": "16.4.1",
+    "react-native": "^0.56.0",
     "react-native-nested-scroll-view": "6.0.0",
     "react-native-collapsing-toolbar": "file:../",
     "react-native-vector-icons": "^4.3.0"
   },
   "devDependencies": {
     "babel-jest": "20.0.3",
-    "babel-preset-react-native": "1.9.2",
+    "babel-preset-react-native": "^5",
     "jest": "20.0.4",
     "react-test-renderer": "16.0.0-alpha.6"
   },