callstack / callstack/react-native-paper
Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)
- Vorherrschende Sprache
- TypeScript
- Sterne
- 14.5k
- Forks
- 2.2k
- Ø Merge
- 5 T. 23 Std.
- Gemergte PRs (30 T.)
- 12
Beschreibung
### 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
Beitragsleitfaden
Rechercherichtung
Reproduziere das gemeldete Verhalten von DataTable.Pagination unter Verwendung der bereitgestellten props auf einem Screen und innerhalb des Modals sowie mit den aufgeführten React Native Paper- und React Native-Versionen. Beginne damit, die Implementierung von DataTable.Pagination und die vorhandenen Tests zu lokalisieren; abgeschlossen ist die Aufgabe, wenn die Optionen im Modal geöffnet werden, die Auswahl einer Option onItemsPerPageChange aufruft und die Regression durch einen Test abgedeckt ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react-native, typescript
- Bereich
- frontend, mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100