If you have already installed Node on your system, ma
Android Studio requires a recent version of the Java SE Development Kit (JDK). Go ahead and install JDK 8 or newer if needed.
Android Studio provides the Android SDK and AVD (emulator) required to run and test your React Native apps. Download Android Studio, then follow the installation instructions. Choose Custom installation when prompted by the Setup Wizard, and proceed to the next step.
Android Studio provides the Android SDK and Android Virtual Device (emulator) required to run and test your React Native apps. Download and install Android Studio.
Once the installation process is completed, launch Android Studio. Choose "Custom" when prompted to select an installation type. Make sure the boxes next to all of the following are checked:
Android Virtual Devices allow you to run Android apps on your computer without the need for an actual Android phone or tablet. Choose Custom installation when running Android Studio for the first time. Make sure the boxes next to all of the following are checked:
Android SDKAndroid SDK PlatformPerformance (Intel ® HAXM)Android Virtual DeviceThen, click "Next" to install all of these components.
If you've already installed Android Studio before, you can still install HAXM (Windows|Mac) without performing a custom installation.
Android SDKAndroid SDK PlatformPerformance (Intel ® HAXM)Android Virtual DeviceThen, click "Next" to install all of these components.
Android Virtual Devices allow you to run Android apps on your computer without the need for an actual Android phone or tablet. Choose Custom installation when running Android Studio for the first time. Make sure the boxes next to all of the following are checked:
Android SDKAndroid SDK PlatformAndroid Virtual DeviceClick "Next" to install all of these components, then configure VM acceleration on your system.
Android SDKAndroid SDK PlatformAndroid Virtual DeviceClick "Next" to install all of these components, then configure VM acceleration on your system.
Android Studio installs the most recent Android SDK by default. React Native, however, requires the Android 6.0 (Marshmallow) SDK. To install it, launch the SDK Manager, click on "Configure" > "SDK Manager" in the "Welcome to Android Studio" screen.
The SDK Manager can also be found within the Android Studio "Preferences" menu, under Appearance & Behavior → System Settings → Android SDK.
Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the Android 6.0 (Marshmallow) entry, then make sure the following items are all checked:
Google APIsAndroid SDK Platform 23Intel x86 Atom_64 System ImageGoogle APIs Intel x86 Atom_64 System Image
Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build Tools" entry, then make sure that Android SDK Build-Tools 23.0.1 is selected.
Finally, click "Apply" to download and install the Android SDK and related build tools.
You may also install Intel ® HAXM by following these instructions.
The React Native command line interface requires the ANDROID_HOME environment variable to be set up.
You may also install Intel ® HAXM by following these instructions.
Android Studio installs the most recent Android SDK by default. React Native, however, requires the Android 6.0 (Marshmallow) SDK. You can use the SDK Manager to install additional SDK platforms. To access the SDK Manager, click on "Configure", then select "SDK Manager" from the "Welcome to Android Studio" screen.
The SDK Manager can also be found within the Android Studio "Preferences" dialog, under Appearance & Behavior → System Settings → Android SDK.
Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the Android 6.0 (Marshmallow) entry, then make sure the following items are all checked:
Google APIsAndroid SDK Platform 23Intel x86 Atom_64 System ImageGoogle APIs Intel x86 Atom_64 System Image
Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that 23.0.1 is selected.
Finally, click "Apply" to download and install the Android SDK and related build tools.
The React Native command line interface requires the ANDROID_HOME environment variable to be set up.
Add the following lines to your ~/.profile (or equivalent) config file:
Type source ~/.profile to load the config into your current shell.
Please make sure you export the correct path for
ANDROID_HOME. If you installed the Android SDK using Homebrew, it would be located at/usr/local/opt/android-sdk.
Type source ~/.profile to load the config into your current shell.
Please make sure you export the correct path for
ANDROID_HOME. If you installed the Android SDK using Homebrew, it would be located at/usr/local/opt/android-sdk. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under Appearance & Behavior → System Settings → Android SDK.
Add the following lines to your ~/.profile (or equivalent) config file:
Type source ~/.profile to load the config into your current shell.
Please make sure you export the correct path for
ANDROID_HOMEif you did not install the Android SDK using Android Studio.
Type source ~/.profile to load the config into your current shell.
Please make sure you export the correct path for
ANDROID_HOMEif you did not install the Android SDK using Android Studio. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under Appearance & Behavior → System Settings → Android SDK.
Go to Control Panel → System and Security → System → Change settings → -Advanced System Settings → Environment variables → New, then enter the path to your Android SDK.
Restart the Command Prompt to apply the new environment variable.
Please make sure you export the correct path for
ANDROID_HOMEif you did not install the Android SDK using Android Studio.
Open the System pane under System and Security in the Control Panel, then click on Change settings.... Open the Advanced tab and click on Environment Variables.... Click on New... to create a new ANDROID_HOME user variable that points to the path to your Android SDK.
You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under Appearance & Behavior → System Settings → Android SDK.
Open a new Command Prompt window to ensure the new environment variable is loaded.
Follow the Watchman installation guide to compile and install Watchman from source.
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance, but it's alright to skip this if you find the process to be tedious.
You can see the list of available AVDs by opening the "AVD Manager" from within Android Studio.
Once in the "AVD Manager", select your AVD and click "Edit...". Choose "Android 6.0 - API Level 23" under Device, and "Intel Atom (x86_64)" under CPU/ABI. Click OK, then select your new AVD and click "Start...", and finally, "Launch".
It is very common to run into an issue where Android Studio fails to create a default AVD. You may follow the Android Studio User Guide to create a new AVD manually if needed.
If you have a physical Android device, you can use it for development in place of an AVD. Plug it in to your computer using a USB cable and enable USB debugging before proceeding to the next step.
You can see the list of available AVDs by opening the "AVD Manager" from within Android Studio:
Launch the default AVD before proceeding to the next step.
Once in the "AVD Manager", select your AVD and click "Edit...". Choose "Android 6.0 - API Level 23" under Device, and "Intel Atom (x86_64)" under CPU/ABI. Click OK, then select your new AVD and click "Start...", and finally, "Launch".
It is very common to run into an issue where Android Studio fails to create a default AVD. You may follow the Android Studio User Guide to create a new AVD manually if needed.
If you have a physical Android device, you can use it for development in place of an AVD. Plug it in to your computer using a USB cable and enable USB debugging before proceeding to the next step.
Use the React Native command line interface to generate a new React Native project called "AwesomeProject", then run react-native run-android inside the newly created folder:
If everything is set up correctly, you should see your new app running in your Android emulator shortly.
react-native run-android is just one way to run your app - you can also run it directly from within Android Studio or Nuclide.
If everything is set up correctly, you should see your new app running in your Android emulator shortly.
react-native run-android is just one way to run your app - you can also run it directly from within Android Studio or Nuclide.
Now that you have successfully run the app, let's modify it.
If everything is set up correctly, you should see your new app running in your Android emulator shortly.
If everything is set up correctly, you should see your new app running in your Android emulator shortly.
Now that you have successfully run the app, let's modify it.
index.android.js in your text editor of choice and edit some lines.R key twice or select Reload from the Developer Menu to see your change!Congratulations! You've successfully run and modified a React Native app.
