無洗米

プログラム書く

【React Native】【Android】ビルドまでやったこと【memo】

ブログを引っ越すかプチ検討中だったり…
そのうち決めます

今回はjavascriptスマホアプリ作れると知ってとりあえずビルドまで躓いたandroidプロジェクトの設定で編集した箇所をメモ

f:id:test_okome:20180624010403p:plain

facebook.github.io

環境によっては上記の公式サイトのやり方ですんなりビルド成功するかも

iOSはすんなりだったけど、AndroidはMy iMac環境だといろいろ整えるのに時間がかかった

それぞれ以下のように編集した

$ react-native init {作成したいプロジェクト名}

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

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

/android/local.properties

sdk.dir=/Users/takahashi/Library/Android/sdk

/android/build.gradle

// 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.1.0'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
        classpath 'com.google.gms:google-services:3.2.1'
    }
}

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

task clean(type: Delete) {
    delete rootProject.buildDir
}
$ cd {作成したプロジェクト名}
$ react-native run-android

javaのバージョンは9

ちなみにWindows(iOSは非対応)はinitしてadbとかandroid studioとかの設定しただけでビルド通った

f:id:test_okome:20180624124600j:plain

参考サイト
Android Plugin for Gradle release notes  |  Android Developers