maitrungduc1410/react-native-loader-kit

🎯 React Native Loader Kit: Chỉ báo loading đẹp, chạy như nhau trên cả iOS và Android

30+ hoạt ảnh loading được render bởi động cơ LoaderKit, đồng nhất trên mọi nền tảng.

React Native Loader Kit cung cấp các chỉ báo loading native được thiết kế đẹp mắt, dựa trên động cơ LoaderKit để đảm bảo hiệu ứng hoạt ảnh trông giống hệt nhau trên cả iOS và Android. Dự án hỗ trợ hơn 30 kiểu loading khác nhau, cho phép tùy chỉnh thông qua tham số và điều khiển hoạt ảnh như tốc độ, dừng tạm thời, hay tuân thủ chế độ giảm chuyển động.

✨ Điểm nổi bật

• 30+ hoạt ảnh tích hợp: Bao gồm các loại như BallPulse, BallClipRotate, LineScale và nhiều hơn nữa.
• Đồng nhất cross-platform: Mỗi chỉ báo là một spec JSON được render bởi LoaderKit, chạy như nhau trên iOS và Android.
• Tùy chỉnh tham số: Thay đổi số lượng, tốc độ, màu sắc... thông qua props params và colors.
• Điều khiển hoạt ảnh: Hỗ trợ speed, animating, reduceMotion, hidesWhenStopped và cycleProgress.
• Progress indicators: LoaderKitProgress hỗ trợ 9 kiểu hiển thị tiến trình như thanh tuyến tính, vòng tròn, hoặc pin.
• Custom indicators (thử nghiệm): Tạo indicator riêng bằng defineIndicator với spec JSON.
• New Architecture: Phiên bản 5 yêu cầu React Native 0.76+ và New Architecture mới.

💡 Vì sao đáng chú ý

Khác với các thư viện loading khác chỉ dùng CSS hoặc GIF, Loader Kit dùng native rendering để mang lại hiệu năng mượt và hình ảnh nhất quán. Đặc biệt phù hợp cho ứng dụng React Native cần giao diện đồng nhất giữa iOS và Android mà không muốn viết hai phần giống nhau. Với hệ thống progress indicator đa dạng, đây là lựa chọn mạnh cho bất kỳ ứng dụng nào cần trải nghiệm người dùng mượt mà trong quá trình tải.

---

#ReactNative #LoadingAnimation #OpenSource #MobileDevelopment #TiniX