Added ability to pass props to Text Children components (+ bump to v0.0.17)

Author: Adrien Thiery

README.md

@@ -15,6 +15,8 @@ All the props are passed down to a new `Text` Component if there is a matching t
 
 `renderText`: Function called to change the displayed children.
 
+`childrenProps` : Properties to pass to the children elements generated by react-native-parsed-text.
+
 eg:
 Your str is ```'Mention [@michel:5455345]'``` where 5455345 is ID of this user and @michel the value to display on interface.
 Your pattern for ID & username extraction : ```/\[(@[^:]+):([^\]]+)\]/i```
@@ -76,6 +78,7 @@ class Example extends React.Component {
               {pattern: /#(\w+)/,                 style: styles.hashTag},
             ]
           }
+          childrenProps={{allowFontScaling: false}}
         >
           Hello this is an example of the ParsedText, links like http://www.google.com or http://www.facebook.com are clickable and phone number 444-555-6666 can call too.
           But you can also do more with this package, for example Bob will change style and David too. foo@gmail.com

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-parsed-text",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Parse text and make them into multiple React Native Text elements",
   "main": "src/ParsedText.js",
   "scripts": {

src/ParsedText.js

@@ -28,10 +28,12 @@ class ParsedText extends React.Component {
     parse: React.PropTypes.arrayOf(
       React.PropTypes.oneOfType([defaultParseShape, customParseShape]),
     ),
+    childrenProps: React.PropTypes.shape(ReactNative.Text.propTypes),
   };
 
   static defaultProps = {
     parse: null,
+    childrenProps: {},
   };
 
   setNativeProps(nativeProps) {
@@ -62,6 +64,7 @@ class ParsedText extends React.Component {
       return (
         <ReactNative.Text
           key={`parsedText-${index}`}
+          {...this.props.childrenProps}
           {...props}
         />
       );
@@ -72,7 +75,8 @@ class ParsedText extends React.Component {
     return (
       <ReactNative.Text
         ref={ref => this._root = ref}
-        {...this.props}>
+        {...this.props}
+      >
         {this.getParsedText()}
       </ReactNative.Text>
     );