import React, { Component } from 'react';
import { Pages } from 'react-native-pages';
 
class Example extends Component {
  render() {
    return (
      <Pages>
        <View style={{ flex: 1, backgroundColor: 'red' }} />
        <View style={{ flex: 1, backgroundColor: 'green' }} />
        <View style={{ flex: 1, backgroundColor: 'blue' }} />
      </Pages>
    );
  }
}

class Example extends Component {
  renderPager({ pages, progress, indicatorPosition }) {
    if ('none' === indicatorPosition) {
      return null;
    }
 
    return (
      <MyIndicator pages={pages} progress={progress} position={indicatorPosition} />
    );
  }
 
  render() {
    let { children, ...props } = this.props;
 
    return (
      <Pages {...props} renderPager={this.renderPager.bind(this)}>
        {children}
      </Pages>
    );
  }
}