title: React native text not wrapping on Native Base Title
body: <p>I can't seem to get my title text to wrap:</p>
  
  <p><a href="https://i.stack.imgur.com/SQIs4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SQIs4.png" alt="enter image description here"></a></p>
  
  <p><a href="http://nativebase.io/" rel="nofollow noreferrer">I'm using native-base</a></p>
  
  <pre><code>let SearchPage = (props) =&gt; {
    const menu = (
      &lt;Container&gt;
        &lt;Header style={styles.header}&gt;
          &lt;Left&gt;
            &lt;Button transparent onPress={props.togglePageMenu}&gt;
              &lt;Icon name='menu' /&gt;
            &lt;/Button&gt;
          &lt;/Left&gt;
          &lt;Body&gt;
            &lt;Title style={styles.title} numberOfLines={2}&gt;Search Products&lt;/Title&gt;
          &lt;/Body&gt;
          &lt;Right&gt;
          &lt;/Right&gt;
        &lt;/Header&gt;...
  </code></pre>
  
  <p>styles...:</p>
  
  <pre><code>      title: {
          flexWrap:'wrap',
          flex: 1,
          color: '#9E9E9E',
          fontWeight: '200',
          fontSize: 19
        },
    header: {
      backgroundColor: '#F7F7F7'
    },
  </code></pre>
  
  <p>What am I doing wrong?</p>