callstack / callstack/react-native-paper
Skeleton Loader component
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
**Describe the solution you’d like**
Add a built-in Skeleton Loader component to react-native-paper that can be used as a placeholder while content is loading.
The component should align with Material Design principles and the existing Paper theming system (colors, dark mode, shape, animation preferences).
This would provide a consistent, first-class loading experience without requiring third-party libraries.
**Describe alternatives you’ve considered**
Currently, skeleton loading is typically implemented by:
Using third-party libraries (which may not integrate well with Paper’s theme system), or
Manually composing View components with animated opacity/backgrounds, which leads to duplicated, inconsistent implementations across apps
Neither approach feels ideal for a UI library that already provides polished, opinionated components.
**Additional context**
Many modern design systems include skeleton loaders as a standard pattern, and they are increasingly preferred over spinners for content-heavy screens. Having this as part of react-native-paper would improve developer experience and visual consistency across applications using the library.
Hướng dẫn đóng góp
Hướng nghiên cứu
Vì issue không nêu tên tệp, bài kiểm thử hoặc điểm vào nào, hãy bắt đầu bằng cách xác định các component React Native Paper hiện có cùng các pattern về theming và animation của chúng. Hoàn thành có nghĩa là có một Skeleton Loader tích hợp với API được định nghĩa và phù hợp với Material, tích hợp với màu sắc, dark mode, hình dạng và tùy chọn animation.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react-native, typescript
- Lĩnh vực
- design, frontend, mobile
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 25/100