From 6dbb5455a1a3ee9a1c6bef21ef170ad342824d20 Mon Sep 17 00:00:00 2001
From: Erdem ILDIZ <erdemildiz@gmail.com>
Date: Thu, 28 Feb 2019 16:08:48 +0300
Subject: [PATCH] Added component props for label

---
 README.md                |  6 +++---
 lib/SimpleRadioButton.js | 40 ++++++++++++++++++++++++----------------
 2 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index 8f352da..52a90c0 100644
--- a/README.md
+++ b/README.md
@@ -28,8 +28,8 @@ import RadioForm, {RadioButton, RadioButtonInput, RadioButtonLabel} from 'react-
 
 
 var radio_props = [
-  {label: 'param1', value: 0 },
-  {label: 'param2', value: 1 }
+  {label: 'param1' || <Component>, value: 0 },
+  {label: 'param2' || <Component>, value: 1 }
 ];
 
 var RadioButtonProject = React.createClass({
@@ -113,7 +113,7 @@ Pro
       />
       </RadioButton>
   })}
-  
+
 </RadioForm>
 ```
 
diff --git a/lib/SimpleRadioButton.js b/lib/SimpleRadioButton.js
index ebc0fd2..5524069 100644
--- a/lib/SimpleRadioButton.js
+++ b/lib/SimpleRadioButton.js
@@ -254,29 +254,37 @@ export class RadioButtonLabel extends React.Component {
       buttonColor: '#2196f3',
     }
   }
-  render () {
+  render() {
+    const { label } = this.props.obj;
+
     return (
       <TouchableWithoutFeedback
         accessible={this.props.accessible}
         accessibilityLabel={this.props.accessibilityLabel}
         testID={this.props.testID}
         onPress={() => {
-        if (!this.props.disabled) {
-          this.props.onPress( this.props.obj.value, this.props.index)}
-        }
-      }>
-        <View style={[
-          this.props.labelWrapStyle,
-          Style.labelWrapStyle,
-        ]} >
-          <Text style={[
-            Style.radioLabel,
-            !this.props.labelHorizontal && Style.labelVertical,
-            {color: this.props.labelColor},
-            this.props.labelStyle
-          ]}>{this.props.obj.label}</Text>
+          if (!this.props.disabled) {
+            this.props.onPress(this.props.obj.value, this.props.index);
+          }
+        }}
+      >
+        <View style={[this.props.labelWrapStyle, Style.labelWrapStyle]}>
+          {typeof label === 'object' ? (
+            label
+          ) : (
+            <Text
+              style={[
+                Style.radioLabel,
+                !this.props.labelHorizontal && Style.labelVertical,
+                { color: this.props.labelColor },
+                this.props.labelStyle
+              ]}
+            >
+              {label}
+            </Text>
+          )}
         </View>
       </TouchableWithoutFeedback>
-    )
+    );
   }
 }