It's styling is changed

Author: WrathChaos

example/package.json

@@ -15,7 +15,7 @@
     "react": "16.12.0",
     "react-native": "0.61.5",
     "react-native-bottom-search-bar": "0.1.1",
-    "react-native-bouncy-checkbox": "0.1.2",
+    "react-native-bouncy-checkbox": "0.2.0",
     "react-native-dynamic-vector-icons": "^0.2.1",
     "react-native-iphone-x-helper": "^1.2.1",
     "react-native-vector-icons": "^6.6.0"

lib/src/BouncyCheckbox.js

@@ -41,25 +41,14 @@ class BouncyCheckbox extends Component {
       iconType,
       iconColor,
       fillColor,
-      borderColor,
+      iconStyle,
       unfillColor,
-      checkboxSize,
-      borderRadius,
-      borderWidth,
       iconComponent,
     } = this.props;
     return (
       <Animated.View
         style={[
-          _iconContainer(
-            checkboxSize,
-            checked,
-            borderRadius,
-            borderWidth,
-            borderColor,
-            fillColor,
-            unfillColor
-          ),
+          iconStyle || _iconContainer(checked, fillColor, unfillColor),
           { transform: [{ scale: springValue }] },
         ]}
       >
@@ -124,29 +113,21 @@ BouncyCheckbox.propTypes = {
   fillColor: PropTypes.string,
   fontFamily: PropTypes.string,
   unfillColor: PropTypes.string,
-  borderColor: PropTypes.string,
-  borderRadius: PropTypes.number,
-  borderWidth: PropTypes.number,
-  checkboxSize: PropTypes.number,
   useNativeDriver: PropTypes.bool,
   disableTextDecoration: PropTypes.bool,
 };
 
 BouncyCheckbox.defaultProps = {
   fontSize: 16,
   iconSize: 15,
-  checkboxSize: 25,
   isChecked: false,
   iconName: "check",
   iconType: "Entypo",
   textColor: "#757575",
-  borderRadius: 25 / 2,
-  borderWidth: 1,
   fillColor: "#ffc484",
   iconColor: "#fdfdfd",
-  text: "Call my mom 😇",
-  borderColor: "#ffc484",
   useNativeDriver: true,
+  text: "Call my mom 😇",
   unfillColor: "transparent",
   disableTextDecoration: false,
 };

lib/src/BouncyCheckbox.style.js

@@ -1,19 +1,11 @@
-export const _iconContainer = (
-  size,
-  checked,
-  borderRadius,
-  borderColor,
-  borderWidth,
-  fillColor,
-  unfillColor
-) => {
+export const _iconContainer = (checked, fillColor, unfillColor) => {
   return {
-    width: size,
-    borderColor,
-    borderRadius,
-    height: size,
-    borderWidth,
+    width: 25,
+    height: 25,
+    borderWidth: 1,
+    borderRadius: 20,
     alignItems: "center",
+    borderColor: "#ffc484",
     justifyContent: "center",
     backgroundColor: checked ? fillColor : unfillColor,
   };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bouncy-checkbox",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Fully customizable animated bouncy checkbox for React Native",
   "keywords": [
     "bouncy",