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'
currentPageIndicatorTintColor='white'
indicatorStyle={{borderRadius: 5}}
currentIndicatorStyle={{borderRadius: 5}}
indicatorSize={{width:8, height:8}} />
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. |