title: Setting line height as multiplier in react native
body: <p>In CSS line height can be set as follows</p>
  
  <pre><code>div {
      line-height: 20px; // absolute value
      line-height: 1.5; // multiplier
  }
  </code></pre>
  
  <p>In native Android the same can be set as</p>
  
  <pre><code>&lt;TextView
      lineSpacingMultiplier:'1.5'
      ...
  </code></pre>
  
  <p>How can the same be achieved in React Native. The docs dont have any information on line height multiplier. <code>lineHeight</code> property can be used to set absolute line heights only.</p>
  
  <p>Any information on workarounds or how to custom add this functionality would be helpful.</p>
  
  <p><strong>My text component</strong></p>
  
  <pre><code>import React from 'react';
  import {
      Text,
      StyleSheet
  } from 'react-native';
  
  const line_height_multiplier = 1.5
  const default_font_size = 13
  
  export default TextNode = ({style={}, children}) =&gt; {
      return(
          &lt;Text style={[styles.text_style, parent_style]}&gt;{children}&lt;/Text&gt;
      )
  }
  
  const styles = StyleSheet.create({
      text_style: {
          fontFamily: 'OpenSans',
          fontSize: default_font_size,
          color: '#333',
          lineHeight: default_font_size * line_height_multiplier
      }
  })
  </code></pre>
  
  <p>Here if <code>parent_style</code> contains a <code>fontSize</code> different than the <strong>default fontSize 13</strong>, how can I dynamically change the <code>lineHeight</code>. I am unable to access <code>parent_style.fontSize</code> to detect if it contains 'fontSize' (<code>parent_style</code> can be an object or an array)</p>