fix modalText

Author: Tinysymphony

LabelSelect/index.js

@@ -231,7 +231,12 @@ class ModalItem extends Component {
         underlayColor="transparent"
         onPress={this._toggleSelect}>
         <View style={Styles.modalItem}>
-          <Text style={Styles.modalText} numberOfLines={1} ellipsisMode="tail">{this.props.children}</Text>
+          <Text
+            style={[Styles.modalText, customStyle.modalText || {}]}
+            numberOfLines={1}
+            ellipsisMode="tail">
+            {this.props.children}
+          </Text>
           <View style={[Styles.outerCircle, this.isSelected ? Styles.enableCircle : {}, customStyle.outerCircle || {}]}>
             {this.isSelected && <View style={[Styles.innerCircle, customStyle.innerCircle || {}]}/>}
           </View>

__tests__/__snapshots__/test.js.snap

@@ -40,10 +40,13 @@ exports[`test renders a modal item 1`] = `
       ellipsizeMode="tail"
       numberOfLines={1}
       style={
-        Object {
-          "fontSize": 16,
-          "width": 380,
-        }
+        Array [
+          Object {
+            "fontSize": 16,
+            "width": 380,
+          },
+          Object {},
+        ]
       }>
       C
     </Text>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-label-select",
-	"version": "1.0.10",
+	"version": "1.1.0",
 	"description": "A label select component for React Native apps",
 	"keywords": [
 		"label",