Apple Silicon で React Native を開発する

Apple Silicon 搭載の MacBook Pro で React Native を動作させたときのメモです。なお、React Native 0.66.4 で新規作成したプロジェクトで、MacBook Pro（14インチ、2021）, Apple M1 Pro, macOS Monterey 12.1 で確認しています。使用環境や、プロジェクトの状況により、異なる場合があります。

開発環境

Node.js を 16 以上ににする。私は 16.13.0 を採用しました。iOS はこれだけでシミュレーション・実機のビルドが成功しました。

Android

Androidのビルドは以下のように設定してビルドができるようになりました。ただし、シミュレーターだと上手くいかず、実機ビルドのみ成功しました。

• Kotlin を Apple Silicon をサポートした 1.5.30 以上にする。私は、1.6.10 を採用しました。

buildscript {
    ext {
        // ...
        kotlinVersion = "1.6.10"
    }
    // ...
}

• Java を Apple Silicon をサポートした 17 に変更する

% brew install java
% sudo ln -sfn $(brew --prefix)/opt/openjdk/libexec/openjdk.jdk /Library/Java/JavaVirtualMachines/openjdk.jdk
% java --version
openjdk 17.0.1 2021-10-19
OpenJDK Runtime Environment Homebrew (build 17.0.1+1)
OpenJDK 64-Bit Server VM Homebrew (build 17.0.1+1, mixed mode, sharing)

• Gradle を Java 17 をサポートする 7.3.3 に変更する

distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip

buildscript {
    // ...
    dependencies {
        classpath('com.android.tools.build:gradle:7.0.2')
    }
}