React Native for mac 2021年10月版

備忘録です。

準備

色んなバージョンでやってみたのですが2021年10月現在、ちゃんと動いたのは0.63.4でした。
まずは0.63.4で空のプロジェクトを作ります。

zsh対応はしてる？

最近はbashじゃなくzshが標準になってしまったので、react native環境を作る時、.zshenvにPATHの設定をしておきましょうね。

.zshenv

export PATH=$PATH:$HOME/.nodebrew/current/bin

プロジェクト作成

npx react-native init HogeProj --template react-native@0.63.4

パッケージのインストール

cd HogeProj
npx react-native-macos-init

プロジェクト名の修正

app.jsonに記載されているプロジェクト名と、package.jsonに記載されているプロジェクト名が大文字小文字違いでこの状態でビルド・実行するとエラーになります。公式にもよく読むと書いてあります。ProjectName has not been registeredって。

app.json

{
  "name": "hogeproj",
  "displayName": "HogeProj"
}

package.json

{
  "name": "hogeproj",
  "version": "0.0.1",
  "private": true,
  "scripts": {

package.jsonの"name"とapp.jsonの"name"を一致させておきます。
なんならプロジェクト名を最初から小文字のみにしておくのもいいかと。

実行

npx react-native run-macos