Source code app đọc truyện tranh lập trình bằng React Native + báo cáo

Source code app đọc truyện tranh lập trình bằng React Native + báo cáo

Các tính năng của source code app đọc truyện tranh trên di động Android+IOS

• Hỗ trợ hai ngôn ngữ cho người dùng: English và Tiếng Việt trong phần cài đặt ngôn ngữ.
• Hỗ trợ phóng to, thu nhỏ hình ảnh truyện trong khi đọc.
• Tìm kiếm truyện
• Theo dõi truyện

Màn hình chính

Phía trên: swiper hiển thị truyện hot

Tiếp theo, menu ranking (truyện xếp hạng), classify (phân loại truyện theo thể loại), new update (truyện vừa cập nhật thêm chương mới)

Tiếp theo, 1 vài danh sách truyện theo thể loại phổ biến.

Phía cuối, thanh tabbar điều hướng chuyển màn hình, bao gồm: Manga (màn hình chính), Follow (màn hình theo dõi truyện), Search (màn hình tìm kiếm truyện), Settings (màn hình cài đặt).

Màn hình đọc truyện

• Thông tin truyện hiển thị có: tên truyện, tên khác của truyện, tên tác giả, trạng thái của truyện (full, đang tiến hành), thể loại (manhua, ngôn tình,…), lượt đọc, lượt thích.
• Danh sách chương của truyện (tên chương, ngày cập nhật).
• Nút theo dõi truyện

Màn hình chi tiết truyện

-Hiển thị nội dung của mỗi chương truyện, có thể phóng to, thu nhỏ.

-Phía trên có thanh chuyển chương truyện

Màn hình cập nhật mới: hiển thị danh sách truyện mới cập nhật

Màn hình cài đặt

• Cài đặt ngôn ngữ: English, Tiếng Việt
• Phản hồi: cho phép người dùng phản hồi trải nghiệm cá nhân với nhà phát triển qua mail.
• About: thông tin ứng dụng

Cài đặt source code:

– Editor: Visual Code

– Lệnh build: Đầu tiên, chuẩn bị sẵn sàng máy ảo Android hoặc máy thật Android. Sau đó chạy lần lượt 2 lệnh sau:

• npm install
• npm run build:android

Sau khi thực hiện 2 lệnh trên, ta sẽ thu được một file cài đặt có đuôi .apk tại đường dẫn thư mục: \MangaReaderApp\android\app\build\outputs\apk\release\

Tiến hành cài đặt ứng dụng thông qua file .apk