React Native
React Native Pressable: tách phản hồi nhấn và hành động
Dùng trạng thái pressed cho phản hồi giao diện, onPress cho thao tác và kiểm tra riêng nhấn giữ, hủy...
React Native RefreshControl: giữ refreshing đúng vòng đời của lượt tải
Tách trạng thái loading của giao diện với khóa chống lượt refresh chồng nhau, và luôn kết thúc spinner sau...
React Native TextInput: bàn phím numeric không thay thế validation
Giữ input số lượng dưới dạng string trong lúc nhập, kiểm tra định dạng và khoảng giá trị khi xác...
React Native Switch: cập nhật value từ onValueChange và khóa đúng bằng disabled
Dựng một cài đặt boolean có nguồn dữ liệu rõ ràng, tránh Switch bật rồi trở lại giá trị cũ...
React Native SectionList: nhóm dữ liệu với key và tiêu đề riêng cho từng phần
Dựng danh sách đơn theo trạng thái bằng SectionList, giữ key ổn định và xử lý nhóm rỗng cùng cập...
React Native Image: cover và contain khác nhau trong cùng một khung ảnh
Tách kích thước khung khỏi cách ảnh được co giãn, so sánh cover/contain bằng cùng ảnh nguồn và kiểm tra...
React Native Modal: đóng bằng nút Back Android qua onRequestClose
Quản lý visible và onRequestClose cho Modal, hiểu vì sao BackHandler không nhận sự kiện khi modal đang mở và...
React Native useWindowDimensions: layout đổi chiều và vẫn đọc được chữ lớn
Dùng useWindowDimensions cho layout theo cửa sổ hiện tại, giữ font scaling và kiểm tra màn hình hẹp, xoay máy,...
React Native: làm nút icon dễ sử dụng với VoiceOver và TalkBack
Thiết kế nút icon có tên, vai trò, trạng thái disabled và vùng chạm rõ ràng, rồi kiểm tra trên...
React Native: tránh bàn phím che form với KeyboardAvoidingView và ScrollView
Sắp xếp vùng cuộn, offset và thao tác chạm để form vẫn sử dụng được khi bàn phím mở trên...
AE Dev mang đến các bài viết về lập trình, mobile app, backend, frontend, WordPress và công nghệ, phù hợp cho developer muốn học hỏi và cập nhật kiến thức thực tế.