React Native Mantine › Navigation

Pagination

Page navigation with controls

Import: import { Pagination } from 'react-native-mantine';

Usage

import { useState } from 'react';
import { Button, Text, Group } from 'react-native-mantine';

const MyPagination = () => {
  const [page, setPage] = useState(1);
  const totalPages = 10;

  return (
    <>
      <Text>Page {page} of {totalPages}</Text>
      <Group>
        <Button
          onPress={() => setPage(page - 1)}
          disabled={page === 1}
        >
          Previous
        </Button>
        <Button
          onPress={() => setPage(page + 1)}
          disabled={page === totalPages}
        >
          Next
        </Button>
      </Group>
    </>
  );
};

Props

Source on GitHub · npm