Posts

Showing posts from May, 2017

React Native Tutorials - Bài 2: Chỉnh sửa, debug trong project React Native

Image
Từ đây về sau các hướng dẫn sẽ được trình bày và thực hành trên thiết bị thật, với máy ảo cũng gần tương tự, cũng cần tìm hiểu thêm vì có thế có một số khác nhau với thiết bị thật. Để code và chỉnh sử các chỉnh sửa các file trong project để xây dựng ứng dụng của mình, dùng editor quen thuộc và bạn thích, bên cạnh đó có thể dùng Visual Code, Atom, Subline Text,... ở đây dùng Visual Code. Mở Dev Menu Tùy từng loại máy có các cách mở dev menu khác nhau, chỉ mở được khi ứng dụng đang chạy: Cách 1 (phổ biến, bất kỳ loại máy nào cũng mở được): Lắc thiết bị vật lý, cầm điện thoại lên có thể lắc sang phải hoặc sang trái. Cách 2 (Lựa chọn trên một số dòng máy nhất định, như asus, samsung, ...): Nhấn giữ nút menu trên máy Cách 3 (Lựa chọn trên một số máy nhất định, như xiao mi,...): Nhấn giữ nút back trên máy Reload: Sau khi có một vài thay đổi trong source code, chọn mục này sẽ load lại với những thay đổi mới nhất trong project Debug JS Remotely: Chọn mục này sẽ ...

React Native Tutorials - Bài 1: Giới thiệu, cài đặt và xây dựng ứng dụng đầu tiên

Image
Cập nhật: 02/04/2021 Chú ý: Tất cả hướng dẫn này thực hiện trên hệ điều hành Windows, các ví dụ được xây dựng cho nên tảng hệ điều hành di động Android. Giới thiệu React Native (RN) là một Framework mã nguồn mở do Facebook phát triển với ngôn ngữ lập trình là Javascript (ES6 sẽ được sử dụng chính), giúp bạn xây dựng ứng dụng di động trên cả Android và iOS, với việc dùng chung mã nguồn giúp tiết kiện thời gian phát triển ứng dụng rất nhiều. Cài đặt Đầu tiên cần cài đặt NodeJs Lên trang chủ của NodeJs (nodejs.org), khi vào nó sẽ tự phát hiện máy tính sử dụng hệ điều hành 64bit hoặc 32bit sẽ gợi ý file (đuôi là .msi, sẽ là bản mới nhất thời điểm hiện tại) cài đặt tương ứng, chọn bản LST. Nếu muốn tải phiên bản khác thì vào mục downloads sẽ có danh sách lựa chọn. Sau khi tải về máy xong, vào vị trí lưu tải về và click đúp vào file .msi và chọn Next trong quá trình cài đặt tới khi hoàn thành, trong quá trình cài đặt thì gói npm cũng sẽ được cài đặt cùng. Kiểm tra việc cài...