Code đồ án ứng dụng cho IOS hoặc Android về quản lý bán hàng quán cà phê, người dùng có thể nhập số lượng, sản phẩm, order, và thanh toán,..
Đây là ứng dụng đã hoàn thiện cơ bản của font-end, dữ liệu cần được nhập ngoài đã có file liên kết, bạn hãy chắc chắn cài đặt môi trường react native và cài đặt thư viện, import đúng đường link và dữ liệu sẽ chạy được.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Ghi chú: Đảm bảo bạn đã hoàn thành các hướng dẫn Cài đặt môi trường React Native đến bước "Tạo một ứng dụng mới" (Creating a new application) trước khi tiếp tục.
Bước 1: Khởi động Metro Server Đầu tiên, bạn cần khởi động Metro, trình bundler JavaScript đi kèm với React Native.
Để khởi động Metro, chạy lệnh sau từ thư mục gốc của dự án React Native của bạn:
sử dụng npm: npm start
HOẶC sử dụng Yarn: yarn start
Bước 2: Khởi động Ứng dụng của bạn Hãy để Metro Bundler chạy trong một cửa sổ terminal riêng. Mở một cửa sổ terminal mới từ thư mục gốc của dự án React Native của bạn. Chạy lệnh sau để khởi động ứng dụng Android hoặc iOS của bạn:
Đối với Android
sử dụng npm: npm run android
HOẶC sử dụng Yarn: yarn android
Đối với iOS
sử dụng npm: npm run ios
HOẶC sử dụng Yarn: yarn ios
Nếu mọi thứ được cài đặt đúng, bạn sẽ thấy ứng dụng mới của mình chạy trong Android Emulator hoặc iOS Simulator ngay lập tức, miễn là bạn đã cài đặt đúng bộ mô phỏng của mình.
Đây là một cách để chạy ứng dụng của bạn - bạn cũng có thể chạy nó trực tiếp từ trong Android Studio và Xcode tương ứng.
Bước 3: Sửa đổi Ứng dụng của bạn Bây giờ bạn đã thành công chạy ứng dụng, hãy sửa đổi nó.
Mở tệp App.tsx trong trình soạn thảo văn bản ưa thích của bạn và chỉnh sửa một số dòng.
Đối với Android: Nhấn phím R hai lần hoặc chọn "Reload" từ Menu Developer (Ctrl + M (trên Window và Linux) hoặc Cmd ⌘ + M (trên macOS)) để xem những thay đổi của bạn!
Đối với iOS: Nhấn Cmd ⌘ + R trong iOS Simulator của bạn để tải lại ứng dụng và xem những thay đổi của bạn!