ReactNativeでiosアプリを作るメモ

iOSとAndroid両方のアプリを作れるReactNativeですが、エミュレータ起動の方法とか気をつけるところを忘れてしまっていたので、自分用にメモを残します。

ReactNative

ご存知かと思いますが、ReactNativeはモバイルアプリケーションフレームワークです。
Reactのような書き方でiOSやAndroidのネイティブアプリを作ることできます。
利点は上記で、欠点は用意されてない端末の機能を使うAPIを自分で用意する必要があるところです。

端末の機能を使うAPIはある程度用意されてますが、マイナーなAPIはAndroidJavaやObjectiveC(SwiftもObjectiveCが必須)を使って自分で書く必要があります。

エミュレータでアプリを起動

ドキュメントを読むと、プロジェクトディレクトリで下記のコマンドを実行する

npx react-native run-ios --simulator="iPhone 5s"

iPhone5sの部分はエミューレータで使う端末名になります。

※ちなみに私は上記のコマンド実行時に下記のエラーに遭遇し、ここに載っている方法で解決しました。

dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.60.dylib

実機でアプリを起動

ドキュメントを読むと、

0.ios developerアカウントに登録（有料）
1.iosディレクトリでxcodeプロジェクトを開く
2.GeneralタブでSigninの設定をする（developerアカウントの選択）
3.buildとrunを実行

xcodeを使ったことがある人はハマらない箇所かと思います。

buildエラー対応

遭遇したエラーと対処法を記録

エラー１

Module {module名} does not exist in the Haste module map 

エラー２

Getting this error: error: bundling failed: Error: Unable to resolve module `{module名}`

エラー３

npm ERR! code EISGIT
...

このあたり、モジュールのバグもあるが、基本キャッシュを消す下記の操作で解消

watchman watch-del-all

rm -rf node_modules && npm install

rm -rf /tmp/metro-bundler-cache-* 

npm start -- -- reset-cache

rm -rf /tmp/haste-map-react-native-packager-*

ただ、この次のエラーで2日使っても、解消方法がわからず、あきらめました

Native module cannot be null

次のアプリからはExpo使います( ´ ▽ ` ;)