Merge pull request #9 from nikndr/master

added border width for more convenient customization

Author: WrathChaos

lib/src/BouncyCheckbox.js

@@ -45,6 +45,7 @@ class BouncyCheckbox extends Component {
       unfillColor,
       checkboxSize,
       borderRadius,
+      borderWidth,
       iconComponent,
     } = this.props;
     return (
@@ -54,6 +55,7 @@ class BouncyCheckbox extends Component {
             checkboxSize,
             checked,
             borderRadius,
+            borderWidth,
             borderColor,
             fillColor,
             unfillColor
@@ -124,6 +126,7 @@ BouncyCheckbox.propTypes = {
   unfillColor: PropTypes.string,
   borderColor: PropTypes.string,
   borderRadius: PropTypes.number,
+  borderWidth: PropTypes.number,
   checkboxSize: PropTypes.number,
   useNativeDriver: PropTypes.bool,
   disableTextDecoration: PropTypes.bool,
@@ -138,6 +141,7 @@ BouncyCheckbox.defaultProps = {
   iconType: "Entypo",
   textColor: "#757575",
   borderRadius: 25 / 2,
+  borderWidth: 1,
   fillColor: "#ffc484",
   iconColor: "#fdfdfd",
   text: "Call my mom 😇",

lib/src/BouncyCheckbox.style.js

@@ -3,6 +3,7 @@ export const _iconContainer = (
   checked,
   borderRadius,
   borderColor,
+  borderWidth,
   fillColor,
   unfillColor
 ) => {
@@ -11,7 +12,7 @@ export const _iconContainer = (
     borderColor,
     borderRadius,
     height: size,
-    borderWidth: 1,
+    borderWidth,
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: checked ? fillColor : unfillColor,