Illustration of a bird flying.

สร้างโปรเจค React Native ด้วยเวอรชั่น 0.81

1. ติดตั้ง React Native CLI (ถ้ายังไม่ได้ติดตั้ง)

npm install -g react-native-cli

2. สร้างโปรเจคใหม่

React Native 0.81 ใช้ react-native init แบบปกติ:

npx react-native init [ชื่อโปรเจค] --version 0.81.0

หรือ

npx @react-native-community/cli init [ชื่อโปรเจค] --version 0.81.1

3. Clean และ Build ใหม่

จากโฟลเดอร์ android:

cd android
./gradlew clean
cd ..
npx react-native run-android

ถ้าในมือถือขึ้น make sure you are running metro

ข้อความ “Make sure you are running Metro” หมายถึง React Native ไม่เจอ JavaScript Bundle server (Metro Bundler) ที่ใช้รันแอป

1. เริ่ม Metro Bundler ก่อน

จากโฟลเดอร์โปรเจค รันคำสั่ง:

npx react-native start
  • จะเปิด Metro Bundler ที่พอร์ต 8081
  • ต้องรันค้างไว้ เพราะแอป Android จะโหลด JS จาก Metro

2. ในหน้าต่าง Terminal อื่น รันแอป Android

จากโฟลเดอร์โปรเจค :

npx react-native run-android

แอปจะติดตั้งบนมือถือแล้วเชื่อมต่อกับ Metro

3. ตรวจสอบมือถือ/Emulator

  • มือถือและคอมต้องอยู่ ในเครือข่ายเดียวกัน ถ้าเป็น Android Device จริง
  • ถ้าใช้ Emulator ปกติ Metro จะเชื่อมอัตโนมัติ

4. เคล็ดลับถ้ายังไม่เชื่อม

รีเซ็ต Cache Metro Bundler:

npx react-native start --reset-cache

ถ้าใช้มือถือจริง ให้ตรวจสอบ Debug server host & port ในเมนู Developer Menu ของแอป:

  • กด Shake device หรือ Menu > Dev Settings > Debug server host & port
  • ใส่ YOUR_PC_IP:8081

mill

,