fix: Typescript type fixes with better coding

Author: WrathChaos

README.md

@@ -79,7 +79,7 @@ import BouncyCheckbox from "react-native-bouncy-checkbox";
 | Property             |   Type    |     Default      | Description                                                                                                                                |
 | -------------------- | :-------: | :--------------: | ------------------------------------------------------------------------------------------------------------------------------------------ |
 | text                 |  string   |    undefined     | set the checkbox's text                                                                                                                    |
-| textComponent                 |  component   |    undefined     | set the checkbox's text by a React Component                                                                                                                    |
+| textComponent        | component |    undefined     | set the checkbox's text by a React Component                                                                                               |
 | onPress              | function  |       null       | set your own onPress functionality after the bounce effect, callback receives the next `isChecked` boolean if disableBuiltInState is false |
 | disableText          |  boolean  |      false       | if you want to use checkbox without text, you can enable it                                                                                |
 | size                 |  number   |        25        | size of `width` and `height` of the checkbox                                                                                               |
@@ -188,7 +188,6 @@ export default App;
 
 We have also this library's checkbox group library as well :) Please take a look
 
-
 ## FAQ
 
 <b>How to disable strikethrough?</b>
@@ -200,6 +199,7 @@ textStyle={{
   textDecorationLine: "none",
 }}
 ```
+
 <b>How to make square checkbox?</b>
 
 - Simply use the `iconStyle` prop and set the `borderRadius` to `0`
@@ -209,6 +209,7 @@ iconStyle={{
   borderRadius: 0, // to make it a little round increase the value accordingly
 }}
 ```
+
 ### Future Plans
 
 - [x] ~~LICENSE~~
@@ -217,6 +218,7 @@ iconStyle={{
 - [x] ~~Synthetic Press Functionality~~
 - [x] ~~Disable built-in check state~~
 - [x] ~~React Native Bouncy Checkbox Group Library Extension~~
+- [ ] Better Documentation | Separation of Documentation
 - [ ] Write an article about the lib on Medium
 
 ## Author

example/App.tsx

@@ -31,7 +31,6 @@ export default class App extends React.Component {
                 iconStyle={{ borderColor: "blue", borderRadius: 10 }}
                 textStyle={{ fontFamily: "JosefinSans-Regular" }}
                 unfillColor="white"
-                borderRadius={10}
                 text="Custom Disabled Checkbox Example"
                 onPress={(isChecked: boolean) => {}}
               />

lib/BouncyCheckbox.tsx

@@ -9,32 +9,39 @@ import {
   ViewStyle,
   TextStyle,
   TouchableOpacity,
+  ImageSourcePropType,
+  TouchableWithoutFeedbackProps,
 } from "react-native";
 import styles, { _textStyle, _iconContainer } from "./BouncyCheckbox.style";
 
 type CustomStyleProp = StyleProp<ViewStyle> | Array<StyleProp<ViewStyle>>;
+type CustomTextStyleProp = StyleProp<TextStyle> | Array<StyleProp<TextStyle>>;
+type BaseTouchableProps = Pick<
+  TouchableWithoutFeedbackProps,
+  Exclude<keyof TouchableWithoutFeedbackProps, "onPress">
+>;
 
-export interface IBouncyCheckboxProps {
-  style?: StyleProp<ViewStyle>;
+export interface IBouncyCheckboxProps extends BaseTouchableProps {
   size?: number;
   text?: string;
-  textComponent?: React.ElementType;
   iconStyle?: any;
-  textStyle?: StyleProp<TextStyle>;
   fillColor?: string;
-  iconComponent?: React.ReactNode;
   isChecked?: boolean;
   unfillColor?: string;
   disableText?: boolean;
   ImageComponent?: any;
-  iconImageStyle?: StyleProp<ViewStyle>;
   bounceEffect?: number;
   bounceFriction?: number;
   useNativeDriver?: boolean;
   disableBuiltInState?: boolean;
-  checkIconImageSource?: Image;
-  textContainerStyle?: CustomStyleProp;
   TouchableComponent?: any;
+  iconComponent?: React.ReactNode;
+  textComponent?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  textStyle?: CustomTextStyleProp;
+  iconImageStyle?: CustomStyleProp;
+  textContainerStyle?: CustomStyleProp;
+  checkIconImageSource?: ImageSourcePropType;
   onPress?: (checked: boolean) => void;
 }
 

package.json

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