反应本机数据表中的分页

Question

我对本机反应非常陌生，目前我正在构建小型应用程序，只是为了对此有一个正确的了解。我在使用 react-native-paper 作为 ui 库时遇到了分页问题。所以我使用了内置的数据表。我已分配 3 条记录显示每页，但所有记录都显示在表中。要添加任何更多代码来处理分页。

import { DataTable } from 'react-native-paper'
      const itemsPerPage = 3;
      const [page, setPage] = useState(0);
      const from = page * itemsPerPage;
      const to = (page + 1) * itemsPerPage;
    
       <DataTable.Pagination
            page={page}
            numberOfPages={Math.floor(listdata.length / itemsPerPage)}
            onPageChange={page => setPage(page)}
            label={`${from + 1}-${to} of ${listdata.length}`}
          />
       </DataTable>

Answer 1

也许您可以尝试使用 react-data-table-component 中的 DataTable。 工作样本：https://codesandbox.io/embed/react-data-table-sandbox-ccyuu