callstack / callstack/react-native-paper

Skeleton Loader component

Aperta
#4,859 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
feature request
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
5g 23h
PR unite (30g)
12

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.