20521328 btth2

MÔN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNG
LỚP: IE307.O13.CNCL
HỌ VÀ TÊN: Nguyễn Thanh Hiếu

MSSV: 20521328

Màn hình code : Màn hình Vs code
Màn hình demo: Màn hình Xcode (ip SE)
Bài 1: Social Media Feed (cont.)

Cấu trúc folders / files của bài 1


Giao diện chính

Giao diện tương tác lúc bấm thêm like/share/comments


Code phần hiển thị tương tác like/share/comment


Code hiển thị bài viết


Code xử lý phần tương tác like/share/comments


Code ở phần app.js gọi lại các components


Bài 2: Settings and Feedback

Cấu trúc folders / files của bài 2


Tắt / Bật chế độ tối

Người dùng gửi phản hồi với cơng tắc thơng báo đóng


Người dùng gửi phản hồi với công tắc thông báo bật

Người dùng gửi phản hồi với công tắc thông báo bật và công tắc chế độ tối bật


Code xử lý phần bật/tắt dark mode và thông báo

Code hiển thị phần đặt câu hỏi


Code hiển thị ô input nhập câu hỏi

Code hiển thị phần bật tắt


Code ở app.js gọi lại các components con

Bài 3: React Navigation

Cấu trúc folders / files của bài 3

Màn hình đăng nhập/ đăng ký

Người dùng nhập sai thơng tin tài khoản hoặc mật khẩu sẽ hiện thông báo


Người dùng nhập đúng thông tin tài khoản và mật khẩu sẽ đăng nhập vào được


Màn hình chính của ứng dụng: Bao gồm các màn hình trang chủ, thể loại, u thích và
tài khoản.


Trong màn hình tài khoản, khi người dùng nhấn vào nút LOG OUT, trạng thái xác
thực được cập nhật và ứng dụng sẽ đưa người dùng quay lại màn hình xác thực.


Code phần màn hình đăng nhập


Code phần màn hình đăng ký


Code điều hướng giữa 2 màn hình đăng ký và đăng nhập

Code xử lý phần đăng nhập lấy email và mật khẩu tương ứng


Code ở phần Tab điều hướng