callstack / callstack/react-native-paper

Skeleton Loader component

未关闭
#4,859 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
feature request
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
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 中没有指定文件、测试或入口点,因此请先定位现有的 React Native Paper 组件及其主题和动画模式。完成的标准是提供一个内置的 Skeleton Loader,具有定义明确且符合 Material 的 API,并能与颜色、深色模式、形状和动画偏好集成。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
design, frontend, mobile
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。