Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

feat: implement the loading indicator component

Abierto
#4,985 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 7 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
45/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
react-native, typescript

Línea de trabajo

Comienza revisando las shapes del issue #4984 y las especificaciones de los loading indicators de Material 3. Compara los patrones de modernización en TextInput/TextField, Switch, Checkbox y FAB, y luego define los component tokens y el alcance de la implementación. Se considera terminado cuando el indicator está disponible en la aplicación de ejemplo y su documentación está actualizada.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

v6
  • The goal is to implement a loading indicator. This component is similar but not the same as progress indicators. The modern expressive version uses a set of shapes and morphing between them.
  • Reuse the shapes added in https://github.com/callstack/react-native-paper/issues/4984
  • See https://m3.material.io/components/loading-indicator/specs
  • Reuse newly introduced tokens (shape, motion, typography, color etc)
  • Extract component specific tokens for easier maintenance.
  • Get inspired from TextInput/TextField, Switch, Checkbox, FAB components which have gone through modernization.
  • Showcase the component in the example app
  • Update the documentation
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
6 d 12 h
PR fusionados (30 d)
5

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de callstack/react-native-paper

Todos los issues de callstack/react-native-paper

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.