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

[iOS] Page is blank after setPage when the screen re-renders on pager events

Aperta
  • Qualcosa non va?
#1,202 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@KisaneNeko ci sta già lavorando.

Dal 26/10/2026.

  • #1203 di @KisaneNeko — aperta

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
ios, react-native, typescript
Ambito
frontend, mobile

Direzione di ricerca

Start with the #1154 repro screen at example/src/gh-issues/Issue1154PageChangeFocusRepro.tsx and apply the two event-log changes described in the issue. Run the six-step sequence on an iOS simulator using version 9.0.10. The issue is resolved when page 2 remains visible after the final steps; linked pull request #1203 is already open.

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

Descrizione

On iOS, the pager can show an empty page after setPage. The status line says the page is selected, but the pager area is empty: no text and no inputs. The page stays empty after the pager stops moving.

This surfaced while reviewing #1193 (the iOS focus fix). The repro screen in that PR triggers it. #1193 does not cause it, because the same steps show a blank page on 9.0.10 without that PR.

Repro

Use the #1154 repro screen (example/src/gh-issues/Issue1154PageChangeFocusRepro.tsx) on main, with two changes. Each change makes the event log above the pager change length when the pager changes page:

// In the "Go N" buttons, before setPage:
setEvents([]);

// On the PagerView:
onPageScrollStateChanged={(e) => {
  if (e.nativeEvent.pageScrollState === 'idle') {
    log('state idle');
  }
}}

Then:

  1. Tap the input on page 0, type a few characters, and tap Go 1.
  2. Tap the input on page 1, type, and tap Go 2.
  3. Tap the input on page 2, type, and tap Go 1.
  4. Tap the input on page 1, type, and tap Go 0.
  5. Tap the input on page 0, type, and tap Go 1.
  6. Tap Go 2.

Expected: page 2 shows.
Actual: the status line says Selected: 2, but the pager area is empty.

Each part is needed. Without the two changes, without typing, without focusing the inputs, or without the first step, the page shows correctly.

Recording

https://github.com/user-attachments/assets/8381b1be-60ca-4cf6-b940-c5ebd8eb72eb

Versions: react-native-pager-view 9.0.10 (main at 4914ab6), iOS 26.5 simulator (iPhone 17 Pro Max), iOS only.

Lingua principale
TypeScript
Stelle
3.4k
Fork
490
Merge medio
2g 5h
PR unite (30g)
34

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 callstack/react-native-pager-view

Tutte le issue di callstack/react-native-pager-view

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.