react-native - react native 数据表中的分页

Question

我对原生 react 非常陌生，目前我正在构建小型应用程序，以便对此有一个正确的想法。我在分页中遇到问题，我使用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