Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

feat: implement the loading indicator component

Offen
#4,985 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 7 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
45/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
react-native, typescript

Rechercherichtung

Beginne mit der Überprüfung der Shapes aus Issue #4984 und der Spezifikationen für Loading Indicators von Material 3. Vergleiche die Modernisierungsmuster in TextInput/TextField, Switch, Checkbox und FAB und definiere anschließend die Component Tokens und den Implementierungsumfang. Als abgeschlossen gilt die Aufgabe, wenn der Indicator in der Beispiel-App verfügbar ist und seine Dokumentation aktualisiert wurde.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
6 T. 12 Std.
Gemergte PRs (30 T.)
5

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus callstack/react-native-paper

Alle Issues in callstack/react-native-paper

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.