1.0.52 • Published 2 years ago
pagination-react-native v1.0.52
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;