Merge pull request #23 from hirthbrian/master

Add borderRadius prop

Author: jkdrangel

README.md

@@ -79,6 +79,7 @@ const options = [
 | textColor | string |    '#000'    |        false      | Color text of the not selecteds items |
 | backgroundColor | string |    '#ffffff'    |        false      | Color bg of the component |
 | borderColor | string |    '#c9c9c9'    |        false      | Border Color of the component |
+| borderRadius | number |    50    |        false      | Border Radius of the component |
 | hasPadding | bool |    false    |        false      | Indicate if item has padding |
 | animationDuration | number | 250 | false | Duration of the animation |
 | valuePadding | number | 1 | false | Size of padding |

index.js

@@ -24,7 +24,6 @@ const styles = {
     alignItems: 'center'
   },
   animated: {
-    borderRadius: 50,
     borderWidth: 0,
     position: 'absolute'
   }
@@ -134,6 +133,7 @@ export default class SwitchSelector extends Component {
       fontSize,
       backgroundColor,
       borderColor,
+      borderRadius,
       hasPadding,
       valuePadding,
       height,
@@ -186,7 +186,7 @@ export default class SwitchSelector extends Component {
         <View {...this._panResponder.panHandlers} style={{ flex: 1 }}>
           <View
             style={{
-              borderRadius: 50,
+              borderRadius: borderRadius,
               backgroundColor: backgroundColor,
               height
             }}
@@ -201,7 +201,7 @@ export default class SwitchSelector extends Component {
                 flex: 1,
                 flexDirection: 'row',
                 borderColor: borderColor || '#c9c9c9',
-                borderRadius: 60,
+                borderRadius: borderRadius,
                 borderWidth: hasPadding ? 1 : 0
               }}>
               {!!this.state.sliderWidth &&
@@ -225,6 +225,7 @@ export default class SwitchSelector extends Component {
                           }),
                         },
                       ],
+                      borderRadius: borderRadius,
                       marginTop: hasPadding ? valuePadding : 0
                     },
                     styles.animated
@@ -249,6 +250,7 @@ SwitchSelector.defaultProps = {
   fontSize: 14,
   backgroundColor: '#FFFFFF',
   borderColor: '#C9C9C9',
+  borderRadius: 50,
   hasPadding: false,
   valuePadding: 1,
   height: 40,