20521328 btth2

Trang 1 MƠN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNGLỚP: IE307.O13.CNCLHỌ VÀ TÊN: Nguyễn Thanh HiếuMSSV: 20521328Màn hình code : Màn hình Vs codeMàn hình demo: Màn hình Xcode ip SEBài

MÔN: LẬP TRÌNH ĐA NỀN TẢNG CHO ỨNG DỤNG DI ĐỘNG LỚP: IE307.O13.CNCL

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, yê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ácthự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

Code ở màn hình profile (có hiển thị button log out)