{"id":4085,"url":"https://github.com/garrettmac/react-native-pagination","last_synced_at":"2025-04-12T21:33:49.467Z","repository":{"id":22859003,"uuid":"97499414","full_name":"garrettmac/react-native-pagination","owner":"garrettmac","description":"Animated Pagination For React Native's ListView, FlatList, and SectionList","archived":false,"fork":false,"pushed_at":"2023-07-11T13:23:32.000Z","size":14439,"stargazers_count":424,"open_issues_count":13,"forks_count":36,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-04-25T00:51:54.339Z","etag":null,"topics":["flatlist","listview","pagination","profile-page","react","react-components","react-native","react-native-list","react-pagination","react-ui","reactjs","scroll","tabs","ui"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/garrettmac.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"ROADMAP.md","authors":null}},"created_at":"2017-07-17T16:41:59.000Z","updated_at":"2024-04-23T02:39:13.000Z","dependencies_parsed_at":"2024-01-08T01:01:37.560Z","dependency_job_id":"bf62e160-8481-4b5c-95b6-1658aebd1bc2","html_url":"https://github.com/garrettmac/react-native-pagination","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garrettmac%2Freact-native-pagination","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garrettmac%2Freact-native-pagination/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garrettmac%2Freact-native-pagination/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/garrettmac%2Freact-native-pagination/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/garrettmac","download_url":"https://codeload.github.com/garrettmac/react-native-pagination/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248636185,"owners_count":21137395,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flatlist","listview","pagination","profile-page","react","react-components","react-native","react-native-list","react-pagination","react-ui","reactjs","scroll","tabs","ui"],"created_at":"2024-01-05T20:17:00.605Z","updated_at":"2025-04-12T21:33:49.437Z","avatar_url":"https://github.com/garrettmac.png","language":"JavaScript","funding_links":[],"categories":["Components","Others"],"sub_categories":["UI"],"readme":"\n\n\n\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"react-native-pagination\" src=\"https://cdn.rawgit.com/garrettmac/images/a8e4b847/projects/react-native-pagination/react-native-pagination.jpg\" width=\"308\"\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  The best Pagination component for React Native.\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://standardjs.com/\"\u003e\u003cimg  src=\"https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://npmjs.org/package/react-native-pagination\"\u003e\u003cimg alt=\"npm version\" src=\"https://img.shields.io/github/downloads/garrettmac/react-native-pagination/latest/total.svg\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://npmjs.org/package/react-native-pagination\"\u003e\u003cimg alt=\"npm version\" src=\"http://img.shields.io/npm/dt/react-native-pagination.svg\"\u003e\u003c/a\u003e\n \u003ca href=\"https://npmjs.org/package/react-native-pagination\"\u003e\u003cimg alt=\"npm version\" src=\"http://img.shields.io/npm/dw/react-native-pagination.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://npmjs.org/package/react-native-pagination\"\u003e\u003cimg alt=\"npm version\" src=\"http://img.shields.io/npm/dm/react-native-pagination.svg\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/garrettmac/react-native-pagination/pulls?q=is%3Apr+is%3Aclosed\"\u003e\u003cimg alt=\"PR Stats\" src=\"https://img.shields.io/issuestats/i/github/garrettmac/react-native-pagination.svg?style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/garrettmac/react-native-pagination/issues?q=is%3Aissue+is%3Aclosed\"\u003e\u003cimg alt=\"Issue Stats\" src=\"https://img.shields.io/issuestats/p/github/garrettmac/react-native-pagination.svg\" style=flat-square\"\u003e\u003c/a\u003e   \n \u003ca\u003e\u003cimg  src=\"https://img.shields.io/github/forks/garrettmac/react-native-pagination.svg\"/\u003e\u003c/a\u003e\n \u003ca\u003e\u003cimg  src=\"https://img.shields.io/github/stars/garrettmac/react-native-pagination.svg\"/\u003e\u003c/a\u003e\n \u003ca\u003e\u003cimg  src=\"https://img.shields.io/badge/license-MIT-blue.svg\"/\u003e\n \u003ca\u003e\u003cimg  src=\"https://img.shields.io/twitter/url/https/github.com/garrettmac/react-native-pagination.svg?style=social\"\u003e\u003c/a\u003e\n \u003ca href=\"https://gitter.im/garrettmac/react-native-pagination?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge\"\u003e\u003cimg alt=\"Join the chat\" src=\"https://badges.gitter.im/garrettmac/react-native-pagination.svg\"\u003e\u003c/a\u003e\n\n\n\n\u003c/p\u003e\n\n# React Native Pagination\n\n\n\n## Roadmap\n\n\u003e see: [ROADMAP.md](ROADMAP.md)\n\n\n### Horizontal\n\n\u003e To try these out yourself its prudy easy, Just open `examples/ios/*.xcodeproj` in Xcode, then press `Cmd + R`; you may edit `examples/index.ios.js` for switch cases.\n\n\u003cp align=\"center\"\u003e\n\n \u003cimg alt=\"react-native-pagination horizontal robot\" src=\"https://cdn.rawgit.com/garrettmac/images/67129fb8/projects/react-native-pagination/robot-example.gif\" width=\"208\"\u003e\n  \u003cimg alt=\"react-native-pagination horizontal\" src=\"https://cdn.rawgit.com/garrettmac/images/67129fb8/projects/react-native-pagination/paged-example.gif\" width=\"208\"\u003e\n\u003c/p\u003e\n\n### Vertical\n\n\u003cp align=\"center\"\u003e\n \u003cimg alt=\"react-native-pagination vertical\" src=\"https://cdn.rawgit.com/garrettmac/images/a8e4b847/projects/react-native-pagination/react-native-pagination-vert.gif\" width=\"208\"\u003e\n  \u003cimg alt=\"react-native-pagination lighttheme\" src=\"https://cdn.rawgit.com/garrettmac/images/a8e4b847/projects/react-native-pagination/react-native-pagination-vert-lighttheme.gif\" width=\"208\"\u003e\n\u003c/p\u003e\n\n## Getting Started\n\n- [React Native Pagination](#react-native-pagination)\n  * [ROADMAP.md](#roadmap)\n  * [Show Cases](#show-cases)\n    + [Horizontal](#horizontal)\n    + [Vertical](#vertical)\n  * [Getting Started](#getting-started)\n  * [Installation](#installation)\n    + [Example](#example)\n    + [Development](#development)\n  * [Basic Usage](#basic-usage)\n  * [Properties](#properties)\n    + [Basic](#basic)\n      - [Basic Props](#basic-props)\n      - [Basic Styles](#basic-styles)\n    + [Start/End Dots](#start-end-dots)\n      - [Start/End Dot Basic Props](#start-end-dot-basic-props)\n      - [Start/End Dot Text](#start-end-dot-text)\n    + [Pagination Dots](#pagination-dots)\n      - [Pagination Dots Basic Props](#pagination-dots-basic-props)\n      - [Dot Text](#dot-text)\n      - [Pagination Dots](#pagination-dots-1)\n    + [Advanced Positioning](#advanced-positioning)\n    + [Visibility](#visibility)\n    + [Methods](#methods)\n    + [Other](#other)\n  * [Components](#components)\n  * [Issues](#issues)\n\n\n## Installation\n\n- Install `react-native` first\n```bash\n$ npm i react-native -g\n$ yarn add react-native-pagination\n$ cd ReactNativePaginationExample\n$ yarn install #(or with npm \"npm i react-native-pagination —save\")\n$ react-native run-ios\n```\n- Initialization of a react-native project\n```bash\n$ react-native init myReactNativePaginationExample\n$ cd myReactNativePaginationExample\n$ yarn install #(or with npm \"npm i \u0026\u0026 npm i react-native-pagination —save\")\n$ yarn add react-native-pagination\n$ react-native link\n$ react-native run-ios\n```\n\n\n### Example\nor clone the repo and play with the example project\n\n```bash\n$ git clone https://github.com/garrettmac/react-native-pagination\n$ cd react-native-pagination/ReactNativePaginationExample\n$ yarn install\n$ react-native link\n$ react-native run-ios\n```\none liner\n```bash\ngit clone https://github.com/garrettmac/react-native-pagination \u0026\u0026 cd react-native-pagination/ReactNativePaginationExample \u0026\u0026 yarn install \u0026\u0026 react-native link \u0026\u0026 react-native run-ios\n```\n\n\u003e Quick start with [ReactNativePaginationExample](https://github.com/garrettmac/react-native-pagination/tree/master/ReactNativePaginationExample/).\n\n### Development\nin your project\n```bash\n$ yarn add react-native-pagination\n$ react-native link #this makes sure react-native-vector-icons load correctly\n$ react-native run-ios\n```\n\n\n\n## Basic Usage\n- In your `myApp/index.ios.js`, use:\n\n```jsx\nimport React, { Component } from 'react';\nimport {AppRegistry,StyleSheet,View,FlatList,} from 'react-native';\nimport ContactItem from './Pages/widgets/ContactItem'; // https://github.com/garrettmac/react-native-pagination/blob/master/ReactNativePaginationExample/Pages/widgets/ContactItem.js\nimport faker from 'faker';//assuming you have this.\nimport _ from 'lodash';\nimport Pagination,{Icon,Dot} from 'react-native-pagination';//{Icon,Dot} also available\n\n//lets use faker to create mock data\nlet MockPersonList = new _.times(35,(i)=\u003e{\n  return {\n    id:i,\n    index:i,\n    name:faker.name.findName(),\n    avatar:faker.internet.avatar(),\n    group:_.sample([\"Family\",\"Friend\",\"Acquaintance\",\"Other\"]),\n    email:faker.internet.email(),\n  }\n})\n\nexport default class ReactNativePaginationExample extends Component {\n  constructor(props){\n     super(props);\n      this.state = {\n        items: MockPersonList,\n      };\n    }\n    //create each list item\n  _renderItem = ({item}) =\u003e {\n    return (\u003cContactItem index={item.id}\n        onPressItem={this.onPressItem}\n        name={item.name}\n        avatar={item.avatar}\n        description={item.email}\n        tag={item.group}\n        createTagColor\n      /\u003e)\n    };\n    //pressed an item\n  onPressItem = (item) =\u003e console.log(\"onPressItem:item \",item);\n\n  //map to some od. We use the \"id\" attribute of each item in our list created in our MockPersonList\n  _keyExtractor = (item, index) =\u003e item.id.toString();\n\n  // REQUIRED for ReactNativePagination to work correctly\n  onViewableItemsChanged = ({ viewableItems, changed }) =\u003ethis.setState({viewableItems})\n\n  render() {\n    return (\n      \u003cView style={[s.container]}\u003e\n          \u003cFlatList\n            data={this.state.items}\n            ref={r=\u003ethis.refs=r}//create refrence point to enable scrolling\n            keyExtractor={this._keyExtractor}//map your keys to whatever unique ids the have (mine is a \"id\" prop)\n            renderItem={this._renderItem}//render each item\n            onViewableItemsChanged={this.onViewableItemsChanged}//need this\n          /\u003e\n\n          \u003cPagination\n            // dotThemeLight //\u003c--use with backgroundColor:\"grey\"\n            listRef={this.refs}//to allow React Native Pagination to scroll to item when clicked  (so add \"ref={r=\u003ethis.refs=r}\" to your list)\n            paginationVisibleItems={this.state.viewableItems}//needs to track what the user sees\n            paginationItems={this.state.items}//pass the same list as data\n            paginationItemPadSize={3} //num of items to pad above and below your visable items\n          /\u003e\n        \u003c/View\u003e\n      )\n  }\n};\n\nconst s = StyleSheet.create({\n  container: {\n    flex: 1,\n    // backgroundColor:\"grey\",//\u003c-- use with \"dotThemeLight\"\n  },\n});\n\nAppRegistry.registerComponent('ReactNativePaginationExample', () =\u003e App);\n```\n\nCurrently only supported for FlatList's\n\n## Properties\nAll properties took text editors auto completion into consideration and follow the basic structure\n [`prefix`][`body`][`suffix` ] where\n [`component name` ][`component attribute`][`continued component attribute / component change`] to provide users with the full list of options when working with `prefix`'s without having to revisit the official docs.\n\n*Most Common Component Prefix Options*:`dot`, `startDot`,`endDot`\n*Most Common Component Body Options*:`Icon`, `Font`,`Style` ,`Color`\n*Most Common Component Suffix Options*:`Hide`, `Size`,`IconFamily` ,or `NotActive`,`Active` `Empty`\nResulting props like\n`dotIconHide` ,`startDotIconHide`, or `startFontSize`,`endDotStyle` ect.\n\n### Basic\n#### Basic Props\n\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n| paginationItems | `[]` | `array` |an array pagination Items|\n|paginationVisibleItems|`[]`|`array`|an array pagination visible items obtained by using React Native List Components `onViewableItemsChanged` callback function (see example) |\n|dotThemeLight |`false`|`bool`| if you pass in the `dotThemeLight` prop (setting it to `true`) the pagination dots swaps to a a light theme. By default they are dark.   |\n|horizontal |`false`|`bool`| use to alternate between horizontal and vertical (just like you do with your list component)  |\n|dotAnimation|`LayoutAnimation.Presets.easeInEaseOut`|`Animation`|dot Animation triggered when navigating|\n|paginationStyle|`{}`|`style`|pagination Styles|\n|pagingEnabled|`false`|`bool`| Enable Paging. This is a prop that is also used in React Native List Components (like `FlatList`) that gives you that paging effect that stops the scroll on every new page.  |\n|hideEmptyDots|`false`|`bool`| Hide Empty Dots Icons|\n|paginationItemPadSize|`3`|`number`|pagination Item Pad Size|\n\n\n\n\n#### Basic Styles\n\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n|`paginationStyle` when horizontal|`{height, alignItems:\"center\" , justifyContent: 'space-between',  position:\"absolute\", top:0, margin:0, bottom:0, right:0, bottom:0, padding:0, flex:1, }` | `style`| default when horizontal|\n|`paginationStyle` when not horizontal|`{width, alignItems:\"center\",  justifyContent: 'space-between',  position:\"absolute\", margin:0, bottom:10, left:0, right:0, padding:0, flex:1,}` | `style`| default when not horizontal|\n|textStyle|`{}`|`style object`| global style object. Tread lightly it may overlay if you plan to use my default Light/Dark Themes |\n|dotStyle|`{}`|`style object`| addition style to use for pagination dots |\n|startDotStyle|`{}`|`style object`| addition style to use for start dots |\n|endDotStyle`|`{}`|`style object`| addition style to use for end dots |\n\u003e this uses react-native-vector-icons [checkout here] (https://github.com/oblador/react-native-vector-icons)\n\n### Start/End Dots\n#### Start/End Dot Basic Props  \n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n|`startDotIconName` (when `horizontal`)|`”chevron-left”`|`icon name`| Icon shown for dot at start of list |\n|`startDotIconName` (when `vertical`)|`”chevron-up”`|`icon name`| Icon shown for dot at start of list |\n|`endDotIconName` (when `horizontal`)|`”chevron-right”`|`icon name`| Icon shown for dot at start of list |\n|`endDotIconName` (when `vertical` )|`”chevron-down”`|`icon name`| Icon shown for dot at start of list |\n|`startDotIconSize` |`15`|`number`| end icon dot size|\n|`endDotIconSize`|`15`|`number`| end icon dot size|\n|`startDotIconFamily` / `endDotIconFamily`|`MaterialCommunityIcons`|`string` of font family name | Font Family for Icon. options: `Entypo`, `EvilIcons`, `FontAwesome`, `Foundation`, `Ionicons`, `MaterialIcons`, `MaterialCommunityIcons`, `Octicons`, `Zocial`, `SimpleLineIcons`  (available in react-native-vector-icons package)|\n\n#### Start/End Dot Text  \n\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n|startDotFontSize|`11`|`number`|start Dot Font Size |\n|endDotFontSize|`11`|`number`|end Dot Font Size |\n\n### Pagination Dots\nThese are the list of dots that represent each item in your paginationItems\n#### Pagination Dots Basic Props\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n  |`dotIconFamily`|`”MaterialCommunityIcons”`|`string` of font family name | Font Family for Icon. options: `Entypo`, `EvilIcons`, `FontAwesome`, `Foundation`, `Ionicons`, `MaterialIcons`, `MaterialCommunityIcons`, `Octicons`, `Zocial`, `SimpleLineIcons` (available in react-native-vector-icons package) |\n  |dotIconNameEmpty|`”close”`|`icon name`| Icon Shown when pagination dot is Empty |\n  |dotIconNameActive|`”checkbox-blank-circle”`|`icon name`| Icon Shown when pagination dot is Active|\n  |dotIconNameNotActive|`”checkbox-blank-circle-outline”`|`icon name`| Icon Shown when pagination dot is Not Active|\n |dotIconSizeActive|`15`|`number`| size of pagination icon when active |\n |dotIconSizeNotActive|`10`|`number`| size of pagination iconwhen  vertical |\n |dotIconColorNotActive|`”rgba(0,0,0,.5)”`|`color`|dot Icon Font Size when on page but Not Active|\n |dotIconColorActive|`”rgba(0,0,0,.3)”`|`color`|dot Icon Font Size when on page but Not Active|\n |dotIconColorEmpty|`”rgba(0,0,0,.2)”`|`color`|dot Icon Font Size when on page but Not Active|\n\n **when using dotThemeLight**\n\n | Prop  | Default  | Type | Description |\n |------------------|------------------|------------------|------------------|\n |dotIconColorNotActive| `”rgba(255,255,255,.4)”`|`color`|dot Icon Font Size when on page but Not Active|\n |dotIconColorActive| `”rgba(255,255,255,.5)”`|`color`|dot Icon Font Size when on page but Not Active|\n |dotIconColorEmpty| `”rgba(255,255,255,.2)”`|`color`|dot Icon Font Size when on page but Not Active|\n\n\n\n#### Dot Text\nby default it displays `index+1`, if you'd like display text add the `paginationDotText` property to each one of your items before passing it into the `Pagination`\n\nComponent. Example:\n\n```javascript\npaginationItems=paginationItems.map(o=\u003e{\n   o.paginationDotText=o.name;\n  return o\n})\n```\n\n\n#### Pagination Dots\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n  |dotFontSizeActive|11|`number`|dot Text Font Size when Active on page |\n  |dotFontSizeEmpty|11|`number`|dot Text Font Size when empty on page |\n  |dotFontSizeNotActive|9|`number`|dot Text Font Size when on page but Not Active |\n  |dotTextColorNotActive|`”rgba(0,0,0,.5)”`  |`color`|dot Text  Color when Not Active|\n  |dotTextColorActive|`”rgba(0,0,0,.3)”`  |`color`| dot Text  Color when Active|\n  |dotTextColorEmpty|`”rgba(0,0,0,.2)”` |`color`|dot Text Color when  Empty|\n\n**when using dotThemeLight**\n\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n  |dotTextColorNotActive| `”rgba(255,255,255,.4)”` |`color`|dot Text  Color when Not Active|\n  |dotTextColorActive| `”rgba(255,255,255,.5)”` |`color`| dot Text  Color when Active|\n  |dotTextColorEmpty| `”rgba(255,255,255,.2)”`|`color`|dot Text Color when  Empty|\n\n\n### Advanced Positioning\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n  |`dotSwapAxis` (all pagination dots)/ `startDotSwapAxis` / `endDotSwapAxis`|false|`bool`|keeps the lists in the correct position (horizontal or vertical) by swaps how dots display |\n  |`dotPositionSwap` (all pagination dots)/`startDotPositionSwap` / `endDotPositionSwap`|false|`bool`| Swaps the dots `flexDirection` default style property.  |\n\n  Wanna move anything to the left, right, top, or bottom of something? Then use `dotSwapAxis` in combination until you find the right mix `startDotPositionSwap`.\n\n### Visibility\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n|`dotIconHide` / `startDotIconHide` / `endDotIconHide` |false |`bool`| hide the dots icon |\n|`dotIconHide` / `startDotIconHide` / `endDotIconHide` |false|`bool`| hide the dots icon |\n|`dotTextHide` / `startDotTextHide` / `endDotTextHide` |false|`bool`| hide the dots text |\n|`dotEmptyHide`  |false|`bool`| hide the dots text |\n\n### Methods\n| Method Name                                       | Description                                                                                                                                                                      |\n|---------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `dotOnPress` / `startDotOnPress` /`endDotOnPress` | by default it will scroll to the pagination dot pressed (`disableDotOnPressNavigation` to turn off), if you'd like a callback you can pass in the `dotOnPress` callback function |                                                                         \n\n\n### Other\n| Prop  | Default  | Type | Description |\n|------------------|------------------|------------------|------------------|\n|`debugMode` | false |`bool`| show console log results of list items |\n\n## Components\n| Components  | Required Params   | Other Params | Description |\n|------------------|------------------|------------------|------------------|\n|`Pagination` | `paginationItems`,`paginationVisibleItems` |see above| main pagination Component |\n|`Dot` | `` |see above|  Pagination Dot Component |\n|`Icon` | `name` | `iconFamily`,`size`,`color` | same as 'react-native-vector-icons' but with a `iconFamily` option|\n\n\n\n## Issues\n\nFeel free to [contact me](mailto:garrett@vyga.io) or [create an issue](https://github.com/garrettmac/react-native-pagination/issues/new)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgarrettmac%2Freact-native-pagination","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgarrettmac%2Freact-native-pagination","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgarrettmac%2Freact-native-pagination/lists"}