Belajar React Native 1: Install React Native Error Build

Halo semuanya, jumpa lagi dengan artikel saya, kali ini saya akan share mengenai react-native, ya kalian tidak salah dengar, pada tutor pertama ini saya akan menulis tentang problem yang saya alami ketika belajar react-native.

Seperti kebanyakan framework lainnya, react-native juga telah menyediakan dokumentasi pada halaman berikut

https://facebook.github.io/react-native/docs/getting-started.html

untuk proses instalasi react-native-cli saya tidak menemukan kendala yang berarti, hanya saja versi npm di laptop saya yang harus di downgrade ke versi 4, untuk saat artikel ini ditulis react-native belum support npm versi 5 keatas. Namun masalah baru saya temukan ketika akan mencoba running projectnya ke android emulator

errornya adalah

java.lang.NullPointerException (no error message)   

setelah saya coba analisa dengan cara paste error message tersebut ke google dengan menambahkan kata kunci react-native ternyata problemnya adalah dikarenakan versi gradle tools yang masih menggunakan versi 2 dan gradle wrapper yang masih versi lama, lalu step by step untuk fixing problem ini adalah :

buka folder file gradle-wrapper.properties di folder android/app/gradle/wrapper kemudian ganti menjadi seperti ini

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.1-all.zip

langkah kedua buka file build.gradle yang berada di folder android/build.gradle dan rubah menjadi seperti ini

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.0.1'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        mavenLocal()
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
}

kemudian setelah dirubah coba compile ulang, maka hasilnya adalah seperti dibawah ini

Sekian cerita pengalaman saya yang baru mencoba pertama kali react-native.

Salam