react-native やる

react-native-troubleshooting.md

トラブルシューティング

Could not find com.android.tools.build:gradle:3.0.1.

* What went wrong:
A problem occurred configuring root project 'GSTSandbox'.
> Could not resolve all files for configuration ':classpath'.
   > Could not find com.android.tools.build:gradle:3.0.1.
     Searched in the following locations:
         https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom
         https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.jar

プロジェクトのbuild.gradleに以下の様に追加する

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

react-native run-android Could not find com.android.tools.build:gradle:3.0.1 - Stack Overflow

Failed to resolve: com.android.support

プロジェクトのbuild.gradleに以下の様に追加する

allprojects {
    repositories {
        maven {
            url 'https://maven.google.com/'
        }
    }
}

react-native.md

React-Native

環境構築

brew install node
brew install watchman
npm install -g react-native-cli

iOSシュミレーターで動作確認するために CLI ツールをインストールする

1. Xcodeを起動
2. メニューから Preferences を選択
3. Locations タブの Command Line Tools のセレクトボックスが選択済みならインストールされている

Getting Started · React Native

##　アプリケーションを用意する

react-native init app-name

動作確認

iOS

react-native run-ios

Android

react-native run-android

Androidのシュミレーターは動作が遅いので実機をつなげて確認すると吉。

トラブルシューティング

SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

解決方法は二通り

• /android/local.properties に sdk.dir = <PATH TO ANDROID SDK>を追加
• 環境変数にANDROID_HOME = <PATH TO ANDROID SDK>を追加

静的ファイルのパスの指定

import { Image } from 'react-native';

import image from './assets/img/hoge.png';

<Image source={image} />

Images · React Native

参考

React NativeのiOS/Androidを実機とシュミレーターで起動する方法 - Qiita

react-native
eact.gradle' does not exist - Stack Overflow