callstack / callstack/react-native-paper

Skeleton Loader component

Ouverte
#4,859 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
feature request
Langage dominant
TypeScript
Étoiles
14.5k
Forks
2.2k
Merge moyen
5 j 23 h
PR mergées (30 j)
12

Description

**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.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Comme aucun fichier, test ou point d’entrée n’est indiqué dans l’issue, commencez par localiser les composants React Native Paper existants ainsi que ses modèles de theming et d’animation. Le travail sera considéré comme terminé lorsqu’un Skeleton Loader intégré disposera d’une API définie et alignée sur Material, qui s’intègre aux couleurs, au mode sombre, à la forme et aux préférences d’animation.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native, typescript
Domaine
design, frontend, mobile
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.