Page Control for React Native, like iOS UIPageControl, APIs are same as UIPageControl
$ npm install react-native-page-control --save
How to run ?
- git clone
- npm install & npm start
<PageControl style={{position:'absolute', left:0, right:0, bottom:10}} numberOfPages={3} currentPage={1} hidesForSinglePage={true} pageIndicatorTintColor='gray' indicatorSize={{width:8, height:8}} currentPageIndicatorTintColor='black' />
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. |
indicatorSize | NO | {width:8, height:8} |
object |
size of page indicator. |