react-native-awesome-viewpager

react-native-awesome-viewpager includes ViewPager Swiper TitleBar and TabBar,and these component are support both android and ios.

* features
* previews
* example
* usage
* API Reference

Features

* implement ViewPager component on ios component,now,you can use ViewPager both on android and ios.
* implement common Swiper TitleBar TabBar.

Previews

$3

!Swiper Preview

$3

!TitleBar Preview

$3

!TabBar Preview

example

``
cd example && npm install
`
then you can run example on your ios or android device.

Usage

first you need to install it from npm.
`
npm install react-native-awesome-viewpager --save
``
then you can use all these

API Reference

* ViewPager
* Swiper
* TitleBar
* TabBar

Note:Swpier TitleBar and TabBar implements all methods and props of ViewPager,and has the props below.

$3

ViewPager's api is same to ViewPagerAndroid.
you can check the docs in react-native api docs.

$3

#### props

##### ViewPager props...
#### loop?:bool
infinite scroll views if true.
#### autoplay?: bool
auto scroll views if true.
#### interval?: number
interval
#### indicator?: bool
show dot indicator when true, dafault value is true.

$3

#### props

##### ViewPager props...

#### backgroundColor?:string
TitleBar's background color,dafault is white.
#### titles:Array
titles
#### renderTitle:(title,index,selectedIndex)=>ReactElement
render title item
#### borderStyle: View.propTypes.style
border indicator style

$3

#### props

##### ViewPager props...

#### backgroundColor?:string
TabBar's background color,dafault is white.

#### tabs: Array<{title: PropTypes.string,icon:Image.propTypes.source,selectedIcon: mage.propTypes.source}>
tabs config.

$3

render the tab item.