Black Ribbon Top Right
Illustration of a bird flying.

ติดตั้ง React Native บน Windows เพื่อเขียนแอป Android

สิ่งที่ต้องติดตั้ง

1.ติดตั้ง Node.js

ใช้เวอร์ชัน LTS

ดาวน์โหลดจาก
Node.js

หลังติดตั้ง เช็คว่าใช้งานได้:

node -v
npm -v

2.ติดตั้ง Java JDK

React Native รุ่นใหม่แนะนำ JDK 17

ดาวน์โหลดจาก

Eclipse Temurin JDK 17

หลังติดตั้ง ตั้งค่า Environment Variable:

เพิ่ม JAVA_HOME

ตัวอย่าง:

JAVA_HOME=C:\Program Files\Eclipse Adoptium\jdk-17

เพิ่มใน Path:

%JAVA_HOME%\bin

เช็ค:

java -version

3.ติดตั้ง Android Studio

ดาวน์โหลดจาก
Android Studio

ตอนติดตั้งให้เลือก:

  • Android SDK
  • Android SDK Platform
  • Android Virtual Device
  • Android SDK Command-line Tools

4.ติดตั้ง Android SDK

เปิด Android Studio แล้วไปที่:

More Actions
→ SDK Manager

ติดตั้ง:

  • Android SDK Platform ล่าสุด
  • Android SDK Build-Tools
  • Android Emulator
  • Android SDK Command-line Tools

5.ตั้งค่า ANDROID_HOME

เปิด:

System Properties
→ Environment Variables

เพิ่ม:

ANDROID_HOME=C:\Users\YOURNAME\AppData\Local\Android\Sdk

เพิ่มใน Path:

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\cmdline-tools\latest\bin

เช็ค:

adb --version

6.ติดตั้ง React Native CLI

เปิด CMD:

npm install -g react-native-cli

หรือใช้แบบใหม่ (แนะนำ):

npx react-native@latest init MyApp

7.สร้างโปรเจกต์

npx react-native init MyApp

เข้าโฟลเดอร์:

cd MyApp

8.เปิด Emulator หรือเสียบมือถือ

เปิด Emulator

ผ่าน Android Studio:

Device Manager
→ Start Emulator

หรือใช้มือถือจริง

เปิด:

Developer options
→ USB debugging

เช็คว่าเจอเครื่อง:

adb devices

9.รันแอป

npx react-native run-android

ถ้าสำเร็จจะ build APK และเปิดแอปอัตโนมัติ

10.ติดตั้ง VS Code (แนะนำ)

ดาวน์โหลดจาก
Visual Studio Code

11.โปรแกรมที่ควรติดเพิ่ม

Git

Git for Windows

เช็ค:

git --version

โครงสร้างหลักที่ต้องรู้

รัน Metro

npx react-native start

Build Android

npx react-native run-android

ล้าง cache

npx react-native start --reset-cache

คำสั่งที่ใช้บ่อย

adb devices

npx react-native run-android

npx react-native start

gradlew clean

ปัญหาที่เจอบ่อย

adb not found

แก้ Path Android SDK

SDK location not found

สร้างไฟล์:

android/local.properties

ใส่:

sdk.dir=C:\\Users\\YOURNAME\\AppData\\Local\\Android\\Sdk

JAVA_HOME ไม่ถูก

เช็ค:

echo %JAVA_HOME%

Emulator ช้า

ใช้มือถือจริงจะเร็วกว่าเยอะ

mill

, ,