For the past one month, i have been doing development in React Native. I am using the
expo-cli to create the project and using my physical Android phone for testing. It’s time to install the Android emulator on my laptop, so that i don’t have to check my phone every-time.
For this we have to install Android Studio 3+ first, so head over to this link or google it and download.
It is 724 MB for mac, so will take sometime to download. Once the dmg file is downloaded, you will get the below screen. You need to drag
Android Studio to
Now, when you open
Android Studio on your mac, it will show below screen. Click on
On next screen choose
Standard and click on
On the next screen, select any theme and click Next.
On the next screen, click
On the next screen,it will start the download and will take sometime.
Once the download is complete, you will see the below screen.
Configure and then
Preferences from drop-down.
System Settings -> Android SDK and copy the
Android SDK location, somewhere.
Android Studio Screen, click on Start a new Android Studio Project. Take any default setting for a project and then click on the Search icon on the top right corner. Type
AVD and it will open below screen.
Once you click on
+Create Virtual Device, you need to choose a device.
Then you need to choose an OS from the next screen. Click on download for any latest android version.
It will open the below screen and download Android image. It will take sometime as the file is huge(1 GB).
Once the Download is finish, the
Finish button will appear. Click on it and then the
Next button on the earlier screen.
In the next screen change the
AVD Name if you want and click finish.
Next, we need to open the terminal and add two export in the
.bash_profile file. Notice that the path is what was in
Android SDK location
Next run the below command in terminal
After that in
Android Studio, open the
AVD Manager. It is in the top right corner and will open the
Your Virtual Devices pop-up. Inside it click the run button.
It will open your Android emulator.
Now, start any of your completed React-native project by
npm start. If you don’t have any yet, create one using my previous blog to create a Restaurant Search React-native app here.
Run on Android device/emulator and it will try to open it. First time it will also install expo app on the Android simulator.
If successful, you will see our restaurant app running on Android Simulator.
Hope you liked this setup blog. See you soon :)