callstack / callstack/react-native-paper

Skeleton Loader component

オープン
#4,859 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
feature request
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
12

説明

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

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。