f0rr0/react-native-rating

⭐ Rating component React Native truy cập khí truyết, không phụ thuộc thời gian chạy

Một điều khiển đánh giá truy cập khí truyệt duy nhất cho native và Web, hỗ trợ giá trị phân số, RTL, bố cục dọc và render tùy chỉnh.

react-native-rating là một thư viện TypeScript cung cấp các thành phần đánh giá (Rating, RatingScale, RatingDisplay) cho React Native trên iOS, Android, Expo và React Native Web. Dự án tập trung vào khả năng tiếp cận (accessibility), hỗ trợ cả màn hình đọc và bàn phím, đồng thời cho phép người dùng tùy chỉnh giao diện bằng bất kỳ biểu tượng nào (sao, emoji, SVG, hình ảnh).

✨ Điểm nổi bật

• Một điều khiển truy cập khí truyết: Hỗ trợ assistive technologies trên native và ARIA slider trên Web.
• Chạm hoặc kéo chủ đích: interactionMode="tap-and-drag" cho phép kéo tùy chọn.
• Mô hình giá trị phân số thống nhất: Sử dụng cùng một phép tính số nguyên cho mọi thứ.
• Đánh giá ngoài sao: RatingScale hỗ trợ NPS, Likert, emoji, giá trị chuỗi, số không và số âm.
• Danh sách tĩnh không tương tác: RatingDisplay không tạo responder, animation hoặc subscription.
• Thiết kế đa nền tảng: Hỗ trợ bố cục ngang, dọc, LTR và RTL.
• Tùy chỉnh giao diện: renderItem chấp nhận icon, SVG, ảnh, emoji hoặc component thiết kế.

💡 Vì sao đáng chú ý

Khác biệt với các thư viện đánh giá khác, react-native-rating không chỉ là một component trựu quan mà còn là một điều khiển truy cập khí truyệt thực sự, đảm bảo người dùng hỗ trợ khuyết tật có thể tương tác tương đương. Kiến trúc không phụ thuộc thời gian chạy và hỗ trợ đa nền tảng (native, Expo, Web) giúp giảm kích thước bundle và tăng hiệu suất. Phù hợp cho các ứng dụng cần tiêu chuẩn truy cập cao và trải nghiệm người dùng đồng nhất trên mọi nền tảng.

#ReactNative #RatingComponent #Accessibility #OpenSource #TiniX