37
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
![](https://res.cloudinary.com/practicaldev/image/fetch/s--ZvAo3baE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4e6qnx6p2gltosns8kax.png)
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
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"
![](https://res.cloudinary.com/practicaldev/image/fetch/s--J0h_a9Ai--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xl771auwiv511z0xnrli.png)
source ~/.bash_profile
3.Then In Terminal check available adb devices by running below command:
adb devices
4.Now Create React Native Project by running below command
npx react-native init AndroidApp
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
![](https://res.cloudinary.com/practicaldev/image/fetch/s--psC-a0Na--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6k1req8jutat9bv7g84g.png)
6.Now run your react native project by
npx react-native run-android
7.Now Your app will run in Android Emulator
![](https://res.cloudinary.com/practicaldev/image/fetch/s--EYcE4zVT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/21dj8ojuspj0rg3fumre.png)
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.
37