Skip to content

Latest commit

 

History

History
47 lines (34 loc) · 1.29 KB

Readme.md

File metadata and controls

47 lines (34 loc) · 1.29 KB

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:

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;