TouchableOpacity prop drilling is here

Author: WrathChaos

example/App.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { View, Image, StatusBar, SafeAreaView } from "react-native";
 import AppleHeader from "react-native-apple-header";
 import BottomSearchBar from "react-native-bottom-search-bar";
-import BouncyCheckbox from "react-native-bouncy-checkbox";
+import BouncyCheckbox from "./build/dist/BouncyCheckbox";
 
 const App = () => {
   return (
@@ -19,13 +19,14 @@ const App = () => {
             unfillColor="#FFFFFF"
             // iconComponent={<IconDog color={"red"} width={12} strokeWidth={3} />}
             textColor="#333"
-            size={10}
+            size={25}
             disableTextDecoration={true}
             fontSize={16}
             text="asdasd"
           />
           <BouncyCheckbox
             isChecked={false}
+            disabled
             textColor="#000"
             unfillColor="white"
             borderRadius={10}

lib/BouncyCheckbox.tsx

@@ -1,19 +1,24 @@
 import * as React from "react";
 import {
-  Animated,
-  Easing,
   Text,
-  TouchableOpacity,
   View,
   Image,
+  Easing,
+  Animated,
+  TouchableOpacity,
+  TouchableOpacityProps,
 } from "react-native";
 import styles, {
   _textStyle,
   _iconContainer,
   _iconImageStyle,
 } from "./BouncyCheckbox.style";
 
-export interface IBouncyCheckboxProps {
+export interface ISource {
+  source: string | { uri: string };
+}
+
+export interface IBouncyCheckboxProps extends TouchableOpacityProps {
   style?: any;
   size?: number;
   text?: string;
@@ -31,11 +36,11 @@ export interface IBouncyCheckboxProps {
   disableText?: boolean;
   borderRadius?: number;
   ImageComponent?: any;
-  checkImageSource?: any;
   textDecoration?: string;
   checkImageWidth?: number;
   checkImageHeight?: number;
   useNativeDriver?: boolean;
+  checkImageSource?: ISource;
   onPress?: (isChecked: boolean) => void;
 }
 
@@ -132,6 +137,7 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
     } = this.props;
     return (
       <TouchableOpacity
+        {...this.props}
         style={[styles.container, style]}
         onPress={this.spring.bind(this, Easing.bounce)}
       >

package.json

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