callstack / callstack/react-native-paper
Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)
- Lingua principale
- TypeScript
- Stelle
- 14.5k
- Fork
- 2.2k
- Merge medio
- 5g 23h
- PR unite (30g)
- 12
Descrizione
### Current behaviour
Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)

### Expected behaviour
Pagination drop-down (onItemsPerPageChange) need to open drop down options when click on (onItemsPerPageChange)
### How to
> reproduce?
const itemPerPage = 5,totalRecords = 25 (but it depends on data coming from backend)
const [page,setPage] = useState(1);
{
setPage(p >= page ? p + 1 : p === 0 ? 1 : p);
}}
numberOfItemsPerPageList={[ "All", 5, 10, 25, 50,]}
numberOfItemsPerPage={5}
onItemsPerPageChange={setItemPerPage}
showFastPaginationControls
dropdownItemRippleColor={colors?.colors?.activeOption}
/>
### Preview
Pagination dropdown working fine inside screen , but not working inside modal popup.
Both has same code (same component)

### Your Environment
| software | version
| --------------------- | -------
| react-native | 0.72.6
| react-native-paper | 5.12.3
| node | 20.11.1
| npm | 10.2.4
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Riproduci il comportamento segnalato di DataTable.Pagination utilizzando le props fornite in una schermata e all’interno del modal, con le versioni indicate di React Native Paper e React Native. Inizia individuando l’implementazione di DataTable.Pagination e i test esistenti; il lavoro è completato quando le opzioni si aprono nel modal, la selezione di un’opzione invoca onItemsPerPageChange e la regressione è coperta da un test.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react-native, typescript
- Ambito
- frontend, mobile
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100