callstack / callstack/react-native-paper

Skeleton Loader component

Đang mở
#4,859 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
feature request
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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.