Skip to main content

Share Everywhere

Table of contents

How to install React Native with the latest Android Studio 2020 on Windows step by step

1,Install Node + npm, Python3, Yarn, Java JDK8

2,Install Android Studio 2020

3,Install Java SE Development Kit 8(Java JDK)

4,Set environment variables (Sdk(ANDROID_HOME), JDK(JAVA_HOME), platform-tools(Path))

5,Settings for SDK Platforms, SDK Tool in Android Studio

*⚠ SDK Platforms:

+✅Android 9.0 pie

+✅Android SDK Platform 28

+✅Sources for Android 28

+✅Intel 86x Atom_64 System Image

+✅Google Play Intel 86x Atom System Image

*⚠ SDK Tools

+✅Android Emulator

+✅Android SDK Platform-Tools

+✅Android SDK Tools

+✅Intel x86 Emulator Accelerator(HAXM installer) - [ ⚠ For i3, i5, i7, 7th Gen 

or higher processor chips, there is no need to integrate because HAXM is available ]

+✅Android SDK Build-Tools 30-rc2 - ✔ version 28.0.3

6,Create new project for the emulator and run Emulator

7,Tutorial to create and build the first React Native project

+a,Create React Native Project in Terminal,Command Prompt: "npx react-native init AwesomeProject --verion 0.59.9 "

+b,In React Native Project , edit file package.json and add code :

"android": "react-native run-android", 

"ios": "react-native run-ios",

+c,Open Terminal run "react-native start"

⚠❌Not used: "npm start", "yarn start", "npx start"

+d,Open a second Terminal and run "react-native run-android"

⚠❌Not used: "npx react-native run-android"

Bạn cảm thấy bài viết này như thế nào?

Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
1 + 4 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.