Home » How to install React Native on Windows (Part 2)

How to install React Native on Windows (Part 2)

by Pring
How to install React Native on Windows

Introduction:

This posts is about how to install and configure React Native CLI environment.
You need to install Nodejs, Watchman, Xcode, etc to develop the app by react-native.

I. Install React Native on Windows (Part 2) by step by step.

To install React Native on Windows. Follow these steps:
Step 1. Install Chocolatey, NodeJS, Python, React Native CLI, JDK.
Step 2. Install Android Studio.
Step 3. Android Studio SDK Configuration.
Step 4. Configure Android Studio Environment Variable.

You can see details of Video on How to Install Python on Windows as below.
[Sorry, the video we will update later]

Or you also can see details as below.

Step 1. Install Chocolatey, NodeJS, Python, React Native CLI, JDK.

How to install React Native on Windows (Part 1)

Step 2. Install Android Studio.

To develop Android app with react-native, you need to install Android Studio.
Access Android Studio site to download installation file.
How to install React Native on Windows

After download success, execute the installation file to install Android Studio.
You can see the screen like below after executing Android Studio installation file. Then,  click Next button to go to next screen.
How to install React Native on Windows

Select Android Virtual Device and click Next button to go to next screen.
How to install React Native on Windows

You can set Install Path or keep default, then click Next button to go to next screen.
How to install React Native on Windows

You can see Start Menu setting screen, then click Install button to install.
How to install React Native on Windows

After installing success, You click Next button to complete Android Studio installation.
How to install React Native on Windows

Click Finish button to finish Android Studio installation.
How to install React Native on Windows

After you click Finish button, you can see Android Studio as below :
How to install React Native on Windows

You can see Android Studio Setup Wizard as below, Click next button.
How to install React Native on Windows

Select Custom and click Next button to go to next screen.
How to install React Native on Windows
Click […] button to select JDK directory.How to install React Native on Windows

Select JDK directory as below :
How to install React Native on Windows

After select JDK directory success, then click Nex button.
How to install React Native on Windows

You can see Select UI Theme screen.
How to install React Native on Windows

After you go to the next screen, you can see SDK Components Setup.
You select Performance (Intel ® HAXM) and Android Virtual Device option, then click Next button.
How to install React Native on Windows

On Emulator Settings screen, click Next button.
How to install React Native on Windows

Click Finish button to continue Android studio installation
How to install React Native on Windows

Waiting to download ComponentsHow to install React Native on Windows

After download Components success, Click Finish button.
How to install React Native on Windows
After Android studio installation, you can see Android studio screen as below.
How to install React Native on Windows

Step 3. Android Studio SDK Configuration.

Click Configure >  Android SDK configuration.
How to install React Native on Windows

How to install React Native on Windows

You select Show Package Details option. then, find and select the options below on the list.

  • Android SDK Platform 30
  • Intel x86 Atom System Image
  • Google APIs Intel x86 Atom System Image
  • Google APIs Intel x86 Atom_64 System Image

How to install React Native on Windows

Click OK button to install. After install success, the next configure Environment Variable.

Step 4. Configure Android Studio Environment Variable.

After Android studio installation are done. the next, you need to set the environment variables.
Right-click to PC and click Properties menu

II. Conclusion.

In this tutorial, we’ve installed React Native on Windows. If you hit a problem or have feedback, leave a comment below.


Install React Native on Windows is complete. Wish you success and luck.
Thanks and best regards!
— Pring —

Related Articles

1 comment

How to install React Native on Windows (Part 1) - DevOpsIO.com March 28, 2021 - 6:59 am

[…] March 28 2021 Top Posts How to install React Native on Windows (Part… How to install React Native on Windows (Part… Linux: How to configure the proxy on Linux Linux: […]

Reply

Leave a Comment