React Nativeとは

ReactはFacebookが開発したJavaScriptのフレームワークであり、React Nativeはそれをモバイルで使えiOSとAndroidのアプリを作ることができる。１つのコードで、両方のプラットフォームで動くものが作れる。(場合によって一部ネイティブの部分は必要になる可能性がある)

インストール

sudo npm install -g create-react-native-app

フォルダー作成

create-react-native-app AwesomeProject

cd ～

ライブラリーコマンド

例えばParse.comで有名なParse

npm install parse --save

npm i - S react-native-router-flux

npm add react-native-router-flux

<react-native link>

ネイティブビルドの方法(ネイティブの機能を利用するライブラリーはejectしてからインストール&リンクさせなければならない)

*react-native link*

cd ～

npm run eject

iOSビルド

react-native run-ios --simulator="iPhone X"

react-native run-android --port=3131

"react-native": "~0.55.2",

Androidビルド

まず実行可能な一覧を取得

adb devices

adb reverse tcp:8081 tcp:8081

react-native run-android --deviceId ——

react-native run-android --

npm android run

ANDROID_HOME=/Users/arata1972/Library/Android/sdk react-native run-android --deviceId

adbサーバー再起動

adb kill-server
adb start-server

android　クリーン

./gradlew clean cleanBuildCache
./gradlew --stop

 足りないモジュールを一気にインストールするモジュール「npm-install-missing」をインストールする

npm install -g npm-install-missing

「npm-install-missing」コマンドでモジュールをインストールする

npm-install-missing

立ち上がらなかったり古いapkがビルドされる時(Android)

/android/app/src/main/assets

を一旦削除

空の/assetsを作成

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

その後　npm android run