20
🔥🔥🔥 Develop Android Apps using React-native: Setup on Mac M1 and troubleshooting
Note that at the time of this writing, Java 16 is NOT supported by React Native! Java 8 is safe to install.
## Install Java and android platform tools
brew tap adoptopenjdk/openjdk
brew install --cask adoptopenjdk8
brew install android-platform-tools
brew tap homebrew/cask
brew install --cask android-sdk
Go to Google's Android Studio download page and install.
This is super important, and many errors in react-native CLI failed, because of these incorrect settings. Run below code in the terminal:
echo export "ANDROID_HOME=${HOME}/Library/Android/sdk" >> ~/.bash_profile
echo export "ANDROID_SDK_ROOT=${HOME}/Library/Android/sdk" >> ~/.bash_profile
echo export "ANDROID_AVD_HOME=${HOME}/.Android/avd" >> ~/.bash_profile
# Optional, for zsh shell only
echo "[[ -s ~/.bashrc ]] && source ~/.bashrc" >> ~/.bash_profile
To test if this is successful, try below:
source ~/.bash_profile
echo $ANDROID_HOME
brew install node
brew install yarn
brew install watchman
Double check if every setting is good
npx react-native doctor
You might wish to fix some of the errors, e.g. JDK with below commands:
brew install --cask adoptopenjdk11
Note: You may ignore the Android SDK errors!
npx react-native init demo
Download the DMG file and install the emulator as a Mac OSX app. Start the emulator before you run:
npx react-native run-android
Hooray! Now you should be able to run react native android app in Apple M1 desktops/laptops!
![](https://res.cloudinary.com/practicaldev/image/fetch/s--MEAZNile--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hgnq4xeryrc2dkrss5kr.png)
20