Run React Native Android App On Mac M1

ravics09

Ravi Sharma

Posted on July 17, 2021

Run React Native Android App On Mac M1

Hi Guys Ravi here...
So many people asking about running the android app on mac m1 system and about its performance on mac m1. So In this post I am sharing all steps to run the react-native android app on mac m1.

Android Emulator for M1 is not available on stable releases yet and I am also waiting for Android Studio to fully support M1 macs so that I can use it for developing my React Native project.

But!

Android Studio Preview has supported M1 chips pretty well so I am using that one to test my android app.

(You can also watch full video on this topic :
https://youtu.be/yOErAwnu4pc)

You can download Android Emulator for M1 from the below link:
https://github.com/google/android-emulator-m1-preview/releases/tag/0.3

1.Setup M1 Android Emulator:
You can watch my video on Android Studio Setup on Mac M1:
https://youtu.be/3clEUFzXPjA

Running Android Emulator

2.After Setting Android Emulator On Mac M1 edit your bash_profile. To edit it open your terminal and run below command

open ~/.bash_profile
Enter fullscreen mode Exit fullscreen mode

Add this line to your bash_profile, and replace the user-name with your username

export PATH="$PATH:/Users/user-name/Library/Android/sdk/platform-tools"
Enter fullscreen mode Exit fullscreen mode

Android Studio Environment Variable Setup
save and close. Run this command to reload your bash_profile

source ~/.bash_profile
Enter fullscreen mode Exit fullscreen mode

3.Then In Terminal check available adb devices by running below command:

adb devices
Enter fullscreen mode Exit fullscreen mode

It will show your Android Emulator
Listed Android Emulator

4.Now Create React Native Project by running below command

npx react-native init AndroidApp
Enter fullscreen mode Exit fullscreen mode

5.Once the project is created, Go to your react-native Project then go to android directory Create a file with following name "local.properties".

Open the file and paste your Android SDK path like below:

sdk.dir = /Users/USERNAME/Library/Android/sdk
Enter fullscreen mode Exit fullscreen mode

local.properties

6.Now run your react native project by

npx react-native run-android
Enter fullscreen mode Exit fullscreen mode

7.Now Your app will run in Android Emulator

Running RN Android App

Watch full Video here:
https://youtu.be/yOErAwnu4pc

If you have any question or facing any issue you can ask me.
If you like this post hit like button.
Thanks for reading this post.

💖 💪 🙅 🚩
ravics09
Ravi Sharma

Posted on July 17, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Run React Native Android App On Mac M1
reactnative Run React Native Android App On Mac M1

July 17, 2021