# pagination-react-native

> Pagination component for react-native

Latest version **1.0.52** (published 2023-09-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install pagination-react-native
pnpm add pagination-react-native
yarn add pagination-react-native
bun add pagination-react-native
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.52 |
| Published | 2023-09-27 |
| First published | 2023-09-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | rhllor |
| Maintainers | rhllor |
| Keywords | react-pagination, react native pagination, react-native pagination, react-native, pagination, react-native-pagination |

## Links

- npm: https://www.npmjs.com/package/pagination-react-native
- Repository: https://github.com/rvmaher/react-native-pagination
- Homepage: https://github.com/rvmaher/react-native-pagination#readme
- Issues: https://github.com/rvmaher/react-native-pagination/issues
- npm.io page: https://npm.io/package/pagination-react-native

## Recent versions

- 1.0.52 (latest) — 2023-09-27
- 1.0.51 — 2023-09-27
- 1.0.5 — 2023-09-27
- 1.0.32 — 2023-09-27
- 1.0.31 — 2023-09-27
- 1.0.3 — 2023-09-27
- 1.0.2 — 2023-09-21
- 1.0.1 — 2023-09-21
- 1.0.0 — 2023-09-21

## README

# React Native Pagination

The `pagination-react-native` package provides a pagination component for React Native applications.

## Installation

To install `pagination-react-native`, simply run the following command in your project directory:

`npm install pagination-react-native`

## Features

| Feature       | Description                                          |
| ------------- | ---------------------------------------------------- |
| currPage      | The number shows current Page.                       |
| total Pages   | indicates pages for pagination.                      |
| onPageChange  | events to handle on page change events.              |
| pagesPerBatch | no of siblings on single batch.(default 3)(optional) |

## Usage

Here's an example of how to use the `Pagination` component in your React Native application:

```jsx
import React from "react";
import PaginationReactNative from "pagination-react-native";

const MyComponent = () => {
  const [currPage, setCurrPage] = useState(1);

  const onPageChange = (page: number) => {
    console.log(`page changed: ${page}`);
    setCurrPage(page);
  };

  return (
    <PaginationReactNative
      currPage={currPage}
      totalPages={10}
      onPageChange={onPageChange}
      pagesPerBatch={3}
    />
  );
};

export default MyComponent;
```

---
_Source: https://npm.io/package/pagination-react-native · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._