callstack / callstack/react-native-paper
Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)
- Linguagem predominante
- TypeScript
- Estrelas
- 14.5k
- Forks
- 2.2k
- Merge médio
- 5d 23h
- PRs com merge (30d)
- 12
Descrição
### 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
Guia de contribuição
Direção de pesquisa
Reproduza o comportamento relatado de DataTable.Pagination usando as props fornecidas em uma tela e dentro do modal, com as versões listadas de React Native Paper e React Native. Comece localizando a implementação de DataTable.Pagination e seus testes existentes; o trabalho estará concluído quando as opções abrirem no modal, a seleção de uma opção chamar onItemsPerPageChange e a regressão estiver coberta por um teste.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- react-native, typescript
- Domínio
- frontend, mobile
- Tipo de issue
- Bug
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 35/100