Skip to content

silentcloud/react-native-page-control

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

react-native-page-control

Page Control for React Native, like iOS UIPageControl, APIs are same as UIPageControl

Installation

$ npm install react-native-page-control --save

Demo

page control demo

Example

import PageControl from 'react-native-page-control';

<PageControl
  style={{position:'absolute', left:0, right:0, bottom:10}}
  numberOfPages={3}
  currentPage={1}
  hidesForSinglePage
  pageIndicatorTintColor='gray'
  currentPageIndicatorTintColor='white'
  indicatorStyle={{borderRadius: 5}}
  currentIndicatorStyle={{borderRadius: 5}}
  indicatorSize={{width:8, height:8}}
  onPageIndicatorPress={this.onItemTap}
/>

API (props)

Prop Required Default Type Description
numberOfPages YES 0 number The number of pages the receiver shows (as dots)
currentPage NO 0 number The current page, shown by the receiver as a white dot
hidesForSinglePage NO false bool A Boolean value that controls whether the page control is hidden when there is only one page
pageIndicatorTintColor NO gray string The tint color to be used for the page indicator.
currentPageIndicatorTintColor NO white string The tint color to be used for the current page indicator.
indicatorStyle NO {} object style for the page indicator
currentIndicatorStyle NO {} object style for the current page indicator.
onPageIndicatorPress NO function(index){} func page indicator press hook function. param: index current press indicator index

Development

$ yarn
$ npm run init
$ npm run start
$ react-native run-ios

About

Page Control for React Native, like iOS UIPageControl, APIs are same as UIPageControl

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published