Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Why don't we have a LoadingComponent to show loading view?

Aperta
#1,979 3 commenti 2 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react-native, typescript
Ambito
mobile

Direzione di ricerca

Inizia tracciando la gestione esistente di ListEmptyComponent e renderItem in FlashList, quindi esamina come le proprietà del componente e lo stato di caricamento si integrerebbero nell’attuale flusso di rendering. La modifica è completa quando un nuovo LoadingComponent può essere mostrato in base a isLoading senza richiedere il rendering condizionale di FlashList né il riutilizzo dello stato vuoto, e quando l’utilizzo di esempio funziona come descritto.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement

Problem Statement

Loading a list can take a while to get the data, usualy we would show some loading view like a skeleton view, but right now the only ways I see to do so are the following:

  • use ListEmptyComponent with loading state, which is not ideal and leads to many bugs.
  • use renderItem which is even more awkward and complicated to manage
  • conditionally render either the FlashList or the Loading view, which is not bad, but also leads to visual glitches and bugs

Proposed Solution

Introduce a new property LoadingComponent that gets renderd based on a given isLoading property

Example Usage
<FlashList
    data={displayData}
    isLoading={isFetchingData}
    LoadingComponent={<SomeLoadingSkeleton/>}
/>

Priority

  • Critical - Blocking my project
  • High - Significant improvement to my workflow
  • Medium - Would be nice to have
  • Low - Minor enhancement
Lingua principale
TypeScript
Stelle
7.2k
Fork
392
Merge medio
1g 3h
PR unite (30g)
1

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di Shopify/flash-list

Tutte le issue di Shopify/flash-list

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.