Merge pull request #82 from mmestiyak/textComponent

added TextComponent props

Author: WrathChaos

README.md

@@ -44,6 +44,7 @@ npm i react-native-bouncy-checkbox
   - `iconStyle`
   - `bounceEffect`
   - `bounceFriction`
+  - `textComponent`
 
 ## Import
 
@@ -78,6 +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                                                                                                                    |
 | 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                                                                                               |

lib/BouncyCheckbox.tsx

@@ -18,6 +18,7 @@ export interface IBouncyCheckboxProps {
   style?: StyleProp<ViewStyle>;
   size?: number;
   text?: string;
+  textComponent?: React.ElementType;
   iconStyle?: any;
   textStyle?: StyleProp<TextStyle>;
   fillColor?: string;
@@ -124,6 +125,7 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
   renderCheckboxText = () => {
     const {
       text,
+      textComponent,
       isChecked,
       textStyle,
       textContainerStyle,
@@ -132,7 +134,8 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
     } = this.props;
     const { checked } = this.state;
     return (
-      !disableText && (
+      !disableText &&
+      (textComponent || (
         <View style={[styles.textContainer, textContainerStyle]}>
           <Text
             style={[
@@ -143,7 +146,7 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
             {text}
           </Text>
         </View>
-      )
+      ))
     );
   };