title: react-native-image-slider-box with dotStyle above image Slider not working
body: <p>In this example i have used react-native-image-slider here i want to show image pagination dots at left side bottom image slider box how to do like that.</p>
  <p>SliderBoxExample.js</p>
  <pre><code>import React, { Component } from 'react';
  import {Image, Text, View, TouchableOpacity, StyleSheet } from 'react-native';
  import { SliderBox } from &quot;react-native-image-slider-box&quot;;
  
  export default class SliderBoxExample extends Component {
    constructor(props) {
      super(props);
      this.state = {
        images: [
          require('./../assets/images/cat.jpg'),
          require('./../assets/images/dao.jpg'),
          require('./../assets/images/monkey.jpg'),
        ]
      };
    }
    render() {
      const { navigation } = this.props
      return (
          &lt;View style={styles.container}&gt;
            &lt;SliderBox
              ImageComponent={Image}
              images={this.state.images}
              sliderBoxHeight={200}
              dotColor=&quot;red&quot;
              inactiveDotColor=&quot;#90A4AE&quot;
              paginationBoxVerticalPadding={20}
              autoplay
              circleLoop
              resizeMethod={'resize'}
              resizeMode={'cover'}
              paginationBoxStyle={{
              position: &quot;absolute&quot;,
              bottom: 0,
              padding: 0,
              alignItems: &quot;center&quot;,
              alignSelf: &quot;center&quot;,
              justifyContent: &quot;center&quot;,
              paddingVertical: 10
              }}
              dotStyle={{
                width: 10,
                height: 10,
                borderRadius: 5,
                marginHorizontal: 0,
                padding: 0,
                margin: 0,
                backgroundColor: &quot;rgba(128, 128, 128, 0.92)&quot;
              }}
              ImageComponentStyle={{borderRadius: 15, width: '97%', marginTop: 25}}
          /&gt;
          &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
    },
  });
  </code></pre>
  <p>Suggest any solution if you have..
  Thanks.
  Image change pagination at left side below image slider box..</p>