Mijn beste vriendin bekende dat ze al een jaar een relatie had met mijn man, maar toen ik glimlachte en zei: “Ik weet het,” en vervolgens mijn telefoon opende en haar alle berichten liet zien waarvan ze dachten dat ik ze nooit zou vinden, veranderde haar gezichtsuitdrukking nog voordat ze iets kon zeggen.
1. Cài đặt môi trường phát triển React Native sử dụng Expo
Để bắt đầu làm việc với React Native thông qua Expo, môi trường máy tính của bạn cần được
cài đặt các công cụ cơ bản sau:
● Node.js: Expo yêu cầu môi trường Node.js. Truy cập trang chủ Node.js và tải về phiên
bản LTS (Long Term Support) mới nhất. Việc cài đặt Node.js sẽ đi kèm với Node Package
Manager (npm), công cụ cần thiết để quản lý các thư viện.
● Kiểm tra cài đặt: Mở Terminal hoặc Command Prompt và chạy các lệnh sau để đảm bảo
Node.js và npm đã được cài đặt thành công:
node -v
npm -v
● Trình biên tập mã (Code Editor): Bạn nên sử dụng Visual Studio Code (VS Code) vì sự
hỗ trợ tối ưu cho JavaScript/TypeScript và hệ sinh thái extension phong phú, rất phù hợp
cho quá trình code và debug.
● Môi trường giả lập (Tùy chọn nhưng khuyến nghị):
○ Android: Cài đặt Android Studio, sau đó thiết lập Android Virtual Device (AVD).
○ iOS: Cài đặt Xcode (chỉ hỗ trợ trên thiết bị macOS) để sử dụng iOS Simulator.
2. Tạo một project Expo mới
Expo cung cấp công cụ dòng lệnh mạnh mẽ để khởi tạo dự án nhanh chóng mà không cần thiết
lập các cấu hình native phức tạp.
1. Mở Terminal hoặc Command Prompt tại thư mục bạn muốn lưu trữ dự án.
2. Chạy lệnh sau để khởi tạo một dự án Expo mới với tên my-expo-app (bạn có thể thay đổi
tên thư mục này tùy ý):
npx create-expo-app my-expo-appLưu ý: Lệnh npx giúp thực thi gói lệnh trực tiếp từ npm
mà không cần cài đặt global Expo CLI như các phiên bản cũ.
3. Di chuyển vào thư mục dự án vừa được tạo:
cd my-expo-app
3. Chạy ứng dụng Expo default trên thiết bị (Điện thoại hoặc
Emulator)
Sau khi dự án đã được tạo thành công, bạn có thể khởi chạy server phát triển và xem trước
ứng dụng.
Khởi động Development Server: Tại thư mục gốc của dự án, chạy lệnh:
npx expo start
Lệnh này sẽ khởi động Metro Bundler và hiển thị một mã QR trên màn hình Terminal.
Cách 1: Chạy trên thiết bị di động thực (Khuyến nghị)
1. Tải và cài đặt ứng dụng Expo Go từ Google Play Store (đối với Android) hoặc App Store
(đối với iOS).
2. Đảm bảo điện thoại và máy tính của bạn đang kết nối cùng một mạng Wi-Fi.
3. Đối với Android: Mở ứng dụng Expo Go và chọn “Scan QR code”, sau đó quét mã QR
hiển thị trên Terminal.
4. Đối với iOS: Mở ứng dụng Camera mặc định, quét mã QR và chạm vào thông báo hiện
ra để mở ứng dụng qua Expo Go.
5. Quá trình bundle sẽ diễn ra, sau đó màn hình ứng dụng React Native mặc định sẽ hiển
thị trên thiết bị của bạn.
Cách 2: Chạy trên Emulator / Simulator
● Android Emulator: Đảm bảo Android Studio và máy ảo AVD đang chạy. Trong cửa sổ
Terminal của Metro Bundler, nhấn phím a. Expo sẽ tự động cài đặt app Expo Go lên máy
ảo và mở dự án.
● iOS Simulator (chỉ dành cho macOS): Khởi chạy Xcode Simulator. Trong Terminal,
nhấn phím i. Expo sẽ tự động build và hiển thị ứng dụng trên máy ảo iOS.
