callstack / callstack/react-native-paper

Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)

Offen
#4,366 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
bug DataTable
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)
![ddIssue](https://github.com/callstack/react-native-paper/assets/114063133/a484da8c-5544-4962-bd99-44d9343704d4)

### 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)

![ddIssue](https://github.com/callstack/react-native-paper/assets/114063133/d5dfc4b7-e97f-4fe9-ae25-7d0e279bb1b7)

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.72.6
| react-native-paper | 5.12.3
| node | 20.11.1
| npm | 10.2.4

Beitragsleitfaden

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

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