Package Exports

react-native-dots-pagination
react-native-dots-pagination/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-dots-pagination) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-dots-pagination

Paging as dots for react-native.

Quickstart
Using
Props
Issues

Quickstart

yarn add react-native-dots-pagination

Using

import React, { Component } from 'react';
import Dots from 'react-native-dots-pagination';


class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      active: 0
    }
  }
  
  render() {
    return (
      <Dots length={10} active={this.state.active} />
    )
  }
}

Props

Name	Default value	Description
length	10	Required. The amount of dots you want to use.
active	1	Required. The index of the currently active dot.
width	300	The overall width works like a center.
paddingVertical	10	Average Vertical padding.
paddingHorizontal	10	Average Horizontal padding.
passiveDotWidth	10	(Width, Height) for passive dot.
activeDotWidth	15	(Width, Height) for active dot.
passiveDotHeight	10	Height for passive dot.
activeDotHeight	15	Height for active dot.
passiveColor	#CCCCCC	Colors for passive dots.
activeColor	#016bd8	Colors for active dots.
marginHorizontal	2	To adjust Margin Horizontal
onScrollTo	function	Trigger when scrolls and index changes

Issues

Github Issues are used to track todos, bugs, feature requests, and more.