callstack / callstack/react-native-paper

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

未关闭
#4,366 2 条评论 2 个 reaction 已指派 0 人 在 GitHub 查看
bug DataTable
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

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

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。