React Nativeでtodoアプリを写経する
思うところがあってReact Nativeでtodoアプリを作りたくなったので、参考になりそうなサイトを見つけて写経してみた。
参考にしたのは↓のページ。
英語のページだが、特別難しいことは書かれていないので、写経するには十二分。
記事中ではyarnを使っているので、npmでインストールしておく。
npm install -g yarn
あとは記事の内容に沿って実装していく。
最後にreact-native run-isを実行して、シミュレータや端末上で動作することを確認する。
これらの準備は事前にxcode上でシミュレータをインストールするなどして完了させておく。
以下、トラブルシューティング集。
xcrun: error: unable to find utility "instruments", not a developer tool or in PATH
xcode上でCommand Line Toolsの設定を変更する必要がある。
/Users/piruty/workspace/hooks_todo/node_modules/react-native/scripts/packager.sh: line 11: node: command not found
実行時にこんなエラーが出た。
これは、fishでnodenvを入れて使っていたがbashだとパスが通ってなかったので修正。
no bundle url present
どうも過去に失敗したビルドのときのキャッシュが残ってしまっていたらしいので、buildしたものなどを削除。