Add allowFontScaling prop

Author: AirshipAlex

src/HTML.js

@@ -46,7 +46,8 @@ export default class HTML extends PureComponent {
         ptSize: PropTypes.number.isRequired,
         baseFontStyle: PropTypes.object.isRequired,
         textSelectable: PropTypes.bool,
-        renderersProps: PropTypes.object
+        renderersProps: PropTypes.object,
+        allowFontScaling: PropTypes.bool
     }
 
     static defaultProps = {
@@ -62,7 +63,8 @@ export default class HTML extends PureComponent {
         baseFontStyle: { fontSize: 14 },
         tagsStyles: {},
         classesStyles: {},
-        textSelectable: false
+        textSelectable: false,
+        allowFontScaling: true
     }
 
     constructor (props) {
@@ -382,7 +384,18 @@ export default class HTML extends PureComponent {
      * @memberof HTML
      */
     renderRNElements (RNElements, parentWrapper = 'root', parentIndex = 0, props = this.props) {
-        const { tagsStyles, classesStyles, emSize, ptSize, ignoredStyles, allowedStyles, baseFontStyle } = props;
+        const {
+            allowFontScaling,
+            allowedStyles,
+            baseFontStyle,
+            classesStyles,
+            emSize,
+            ignoredStyles,
+            ptSize,
+            tagsStyles,
+            textSelectable
+        } = props;
+
         return RNElements && RNElements.length ? RNElements.map((element, index) => {
             const { attribs, data, tagName, parentTag, children, nodeIndex, wrapper } = element;
             const Wrapper = wrapper === 'Text' ? Text : View;
@@ -430,6 +443,7 @@ export default class HTML extends PureComponent {
             const classStyles = _getElementClassStyles(attribs, classesStyles);
             const textElement = data ?
                 <Text
+                  allowFontScaling={allowFontScaling}
                   style={computeTextStyles(
                       element,
                       {
@@ -457,7 +471,8 @@ export default class HTML extends PureComponent {
 
             const renderersProps = {};
             if (Wrapper === Text) {
-                renderersProps.selectable = this.props.textSelectable;
+                renderersProps.allowFontScaling = allowFontScaling;
+                renderersProps.selectable = textSelectable;
             }
             return (
                 <Wrapper key={key} style={style} {...renderersProps}>
@@ -469,7 +484,7 @@ export default class HTML extends PureComponent {
     }
 
     render () {
-        const { customWrapper, remoteLoadingView, remoteErrorView } = this.props;
+        const { allowFontScaling, customWrapper, remoteLoadingView, remoteErrorView } = this.props;
         const { RNNodes, loadingRemoteURL, errorLoadingRemoteURL } = this.state;
         if (!RNNodes && !loadingRemoteURL) {
             return false;
@@ -486,7 +501,7 @@ export default class HTML extends PureComponent {
                 remoteErrorView(this.props, this.state) :
                 (
                     <View style={{ flex: 1, alignItems: 'center' }}>
-                        <Text style={{ fontStyle: 'italic', fontSize: 16 }}>Could not load { this.props.uri }</Text>
+                        <Text allowFontScaling={allowFontScaling} style={{ fontStyle: 'italic', fontSize: 16 }}>Could not load { this.props.uri }</Text>
                     </View>
                 );
         }

src/HTMLRenderers.js

@@ -63,7 +63,7 @@ export function ul (htmlAttribs, children, convertedCSSStyles, passProps = {}) {
         passProps,
         styleSet: 'VIEW'
     });
-    const { rawChildren, nodeIndex, key, baseFontStyle, listsPrefixesRenderers } = passProps;
+    const { allowFontScaling, rawChildren, nodeIndex, key, baseFontStyle, listsPrefixesRenderers } = passProps;
     const baseFontSize = baseFontStyle.fontSize || 14;
 
     children = children && children.map((child, index) => {
@@ -93,7 +93,7 @@ export function ul (htmlAttribs, children, convertedCSSStyles, passProps = {}) {
                 );
             } else if (rawChild.parentTag === 'ol') {
                 prefix = listsPrefixesRenderers && listsPrefixesRenderers.ol ? listsPrefixesRenderers.ol(...rendererArgs) : (
-                    <Text style={{ marginRight: 5, fontSize: baseFontSize }}>{ index + 1 })</Text>
+                    <Text allowFontScaling={allowFontScaling} style={{ marginRight: 5, fontSize: baseFontSize }}>{ index + 1 })</Text>
                 );
             }
         }
@@ -146,12 +146,18 @@ export function iframe (htmlAttribs, children, convertedCSSStyles, passProps) {
 
 export function br (htlmAttribs, children, convertedCSSStyles, passProps) {
     return (
-        <Text style={{ height: 1.2 * passProps.emSize, flex: 1 }} key={passProps.key}>{"\n"}</Text>
+        <Text
+            allowFontScaling={passProps.allowFontScaling}
+            style={{ height: 1.2 * passProps.emSize, flex: 1 }}
+            key={passProps.key}
+        >
+            {"\n"}
+        </Text>
     );
 }
 
-export function textwrapper (htmlAttribs, children, convertedCSSStyles, { key }) {
+export function textwrapper (htmlAttribs, children, convertedCSSStyles, { allowFontScaling, key }) {
     return (
-        <Text key={key} style={convertedCSSStyles}>{ children }</Text>
+        <Text allowFontScaling={allowFontScaling} key={key} style={convertedCSSStyles}>{ children }</Text>
     );
 }