catalinmiron/react-native-page-control

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

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

How to run ?

• git clone
• npm install & npm start

Example

<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' />

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.
indicatorSize	NO	{width:8, height:8}	object	size of page indicator.