Merge branch 'Emad-salah-patch-1'

Author: LucasMonteiro1

README.md

@@ -30,6 +30,9 @@ yarn add react-native-speedometer-chart
 | labelStyle | {} | object | no | Label style |
 | showPercent | false | bool | no | Show center percent |
 | percentStyle | {} | object | no | Percent style |
+| innerCircleStyle | null | object | no | |
+| outerCircleStyle | null | object | no | |
+| halfCircleStyle | null | object | no | |
 
 
 ## Basic Usage

src/index.js

@@ -3,7 +3,7 @@ import { View, Text } from 'react-native';
 import PropTypes from 'prop-types';
 import { getStyles } from './rules';
 
-const Speedometer = ({ value, totalValue, size, outerColor, innerColor, internalColor, style, showText, text, textStyle, showLabels, labelStyle, showPercent, percentStyle }) => {
+const Speedometer = ({ value, totalValue, size, outerColor, innerColor, internalColor, style, innerCircleStyle, outerCircleStyle, halfCircleStyle, showText, text, textStyle, showLabels, labelStyle, showPercent, percentStyle }) => {
   const styles = getStyles(size);
   const degreesValue = (value > totalValue) ? totalValue : value;
   const percentValue = parseInt(String((value * 100) / totalValue).split('.')[0]);
@@ -30,9 +30,9 @@ const Speedometer = ({ value, totalValue, size, outerColor, innerColor, internal
 
   return (
     <View style={style}>
-      <View style={[styles.outerCircle, { backgroundColor: outerColor }]}>
-        <View style={[styles.halfCircle, degressStyle]}/>
-        <View style={[styles.innerCircle, { backgroundColor: innerColor }]}>
+      <View style={[styles.outerCircle, { backgroundColor: outerColor }, outerCircleStyle]}>
+        <View style={[styles.halfCircle, degressStyle, halfCircleStyle]}/>
+        <View style={[styles.innerCircle, { backgroundColor: innerColor }, innerCircleStyle]}>
           {percentElement}
           {textElement}
         </View>
@@ -60,6 +60,9 @@ Speedometer.propTypes = {
   labelStyle: PropTypes.object,
   showPercent: PropTypes.bool,
   percentStyle: PropTypes.object,
+  innerCircleStyle: PropTypes.object, 
+  outerCircleStyle: PropTypes.object,
+  halfCircleStyle: PropTypes.object,
 };
 
 Speedometer.defaultProps = {