Checked Icon visibility bug for checked and unchecked logic is integrated

Author: WrathChaos

lib/BouncyCheckbox.style.ts

@@ -22,6 +22,7 @@ export const _iconContainer = (
     borderRadius,
     alignItems: "center",
     justifyContent: "center",
+    display: checked ? "flex" : "none",
     backgroundColor: checked ? fillColor : unfillColor,
   };
 };
@@ -44,9 +45,11 @@ export const _textStyle = (
 export const _iconImageStyle = (
   checkImageWidth: number,
   checkImageHeight: number,
+  checked: boolean,
 ): ImageStyle => ({
   width: checkImageWidth,
   height: checkImageHeight,
+  display: checked ? "flex" : "none",
 });
 
 export default StyleSheet.create<Style>({

lib/BouncyCheckbox.tsx

@@ -111,7 +111,7 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
         {iconComponent || (
           <ImageComponent
             source={checkImageSource}
-            style={_iconImageStyle(checkImageWidth, checkImageHeight)}
+            style={_iconImageStyle(checkImageWidth, checkImageHeight, checked)}
           />
         )}
       </Animated.View>

package.json

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