In the next screen change the AVD Name if you want and click finish.
Click on it and then the Next button on the earlier screen.
#Run android emulator react native mac install#
Once the Download is finish, the Finish button will appear. Open the Android SDK Manager (on Mac start a new shell and run android) in the window that appears make sure you check: Android SDK Build-tools version 23.0.1 Android 6.0 (API 23) Android Support Repository Click 'Install Packages' Install Genymotion Genymotion is much easier to set up than stock Google emulators. It will take sometime as the file is huge(1 GB).
#Run android emulator react native mac simulator#
It will open the below screen and download Android image. Run React Native On Android Emulator Simulator With The Run React Native On Android Emulator Download And Install Expo is a set of tools built around React Native and, while it has many features, the most relevant feature for us right now is that it can get you writing a React Native app within minutes. Click on download for any latest android version. Then you need to choose an OS from the next screen. Once you click on +Create Virtual Device, you need to choose a device. Take any default setting for a project and then click on the Search icon on the top right corner. In the Android Studio Screen, click on Start a new Android Studio Project. Goto System Settings -> Android SDK and copy the Android SDK location, somewhere. Once the download is complete, you will see the below screen.Ĭlick on Configure and then Preferences from drop-down. On the next screen,it will start the download and will take sometime. On the next screen, select any theme and click Next. On next screen choose Standard and click on Next. Now, when you open Android Studio on your mac, it will show below screen. You need to drag Android Studio to Applications Once the dmg file is downloaded, you will get the below screen. It is 724 MB for mac, so will take sometime to download. It’s time to install the Android emulator on my laptop, so that i don’t have to check my phone every-time.įor this we have to install Android Studio 3+ first, so head over to this link or google it and download. I am using the expo-cli to create the project and using my physical Android phone for testing. The installation process of android studio is explained belowġ.For the past one month, i have been doing development in React Native.
The second one ( react-native: n/a – not inside a React Native project directory) is nothing but you aren’t inside the react-native project folder, this is not an issue now, we can install it later.Īndroid studio helps you to run the react native app in an emulator and test the app. React-native: n/a – not inside a React Native project directory This will give you the version details like, Make sure react-native-cli is installed by typing, My node version is 4.2.6 and npm version is 3.5.2Īfter installing node js, run the below command in terminal: If you see the version in the terminal, then the node is installed successfully. Make sure node and npm are installed by typing the below commands In most cases you’ll also need to install npm, you can install this by We should refresh our local package index first by typing,Īfter that, you can install node js by using the command given below If you already have node js skip the node installation steps, otherwise follow the below steps. First, you’ll need to install the node on your machine.