title: flexWrap not working for <Text> element in React Native
body: <p>Here is my sceanario</p>
  <pre><code>var FlexWrap = React.createClass({
    render:function(){
      return(&lt;View style={{flexDirection:'row'}}&gt;
        &lt;Image source={{uri:profileImage}}
               style={{width:100,height:100}}&gt;
        &lt;/Image&gt;
        &lt;View style={{marginLeft:5}}&gt;
          &lt;Text style={{marginTop:5,
            marginBottom:5,
            flexWrap:'wrap'}}&gt;
            This sample text
            should be wrap
            wrap wrap ....
          &lt;/Text&gt;
          &lt;Text style={{marginTop:5,
            marginBottom:5,
            flexWrap:'wrap'}}&gt;
            This sample text
            should be wrap
            wrap wrap ....
          &lt;/Text&gt;
        &lt;/View&gt;
      &lt;/View&gt;)
    }
  })
  </code></pre>
  <p>Here</p>
  <blockquote>
  <p>'This sample text should be wrap wrap wrap ....'</p>
  </blockquote>
  <p>is in single
  line, but in my scenario based on the window width automatically the
  text should be wrap.
  Here i am using <code>flexWrap: 'wrap'</code>  to wrap the text, but what is the correct way to wrap the text?</p>
  <blockquote>
  <p>Please find the screenshot</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/f8qAm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f8qAm.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>Here is the working code for text wrap with flexDirection:'row'</p>
  </blockquote>
  <pre><code>var FlexWrap = React.createClass({
    render:function(){
      return(&lt;View style={{flexDirection:'row'}}&gt;
        &lt;Image source={{uri:profileImage}}
               style={{width:100,height:100}}&gt;
        &lt;/Image&gt;
        &lt;View style={{marginLeft:5,flex:1}}&gt;//using flex:1
          &lt;Text style={{marginTop:5,
            marginBottom:5
          }}&gt;
            This sample text
            should be wrap
            wrap wrap ....
          &lt;/Text&gt;
          &lt;Text style={{marginTop:5,
            marginBottom:5
          }}&gt;
            This sample text
            should be wrap
            wrap wrap ....
          &lt;/Text&gt;
        &lt;/View&gt;
      &lt;/View&gt;)
    }
  })
  </code></pre>