Skip to content

Create Skeleton Loader component #4858

@azizbecha

Description

@azizbecha

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

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.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions