title: automatic line feed with text on react native
body: <p>I'm actually trying to put a long text with react-native.
  I've tried with property numberOfLines and lineBreakMode but nothing work, line is never break and text continues to be on one line until offscreen.</p>
  
  <p>this is my code :</p>
  
  <p>class PostList</p>
  
  <pre><code>class PostList extends Component {
  
      render() {
          return (
              &lt;View style={{flex: 6, justifyContent: 'center', alignItems: 'center'}}&gt;
                  &lt;ScrollView&gt;
                      &lt;Post content={'Populo invidunt maluisset sea cu, volumus fierent id sea. Est et clita lucilius tacimates. Sed brute definitionem an. Sed tollit vocibus maiestatis ne, hinc iisque feugiat an vis. Cibo recteque duo an. Ei ludus nusquam vel.'} /&gt;
                  &lt;/ScrollView&gt;
              &lt;/View&gt;
          )
      }
  }
  </code></pre>
  
  <p>class Post</p>
  
  <pre><code>const {height, width} = Dimensions.get('window')
  
  class Post extends Component {
  
      render(){
          return (
          &lt;View style={styles.container}&gt;
              &lt;View style={styles.textContainer}&gt;
                  &lt;Text width={(width * 0.85) - 20} textAlign={'left'} style={styles.contentText}&gt;
                      {this.props.content}&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/View&gt;
          )
      }
  
  }
  
  const styles = StyleSheet.create({
      container: {
          margin: 15,
          width: width * 0.85,
          height: 300, 
          backgroundColor: 'white', 
          borderRadius: 10,
          borderColor: 'rgba(255, 139, 23, 0.7)',
          borderWidth: 1,
          marginTop: 20
      },
      textContainer: {
          flexDirection: 'row',
          marginLeft: 10,
          marginTop: 10
      },
      nameText: {
          fontFamily: 'Aller-bold',
          fontSize: width / 26
      },
      contentText: {
          fontFamily: 'Aller',
          fontSize: width / 26
      }
  })
  </code></pre>
  
  <p>result : </p>
  
  <p><a href="http://www.yagoshack.fr/?v=capturmum.png" rel="nofollow">http://www.yagoshack.fr/?v=capturmum.png</a></p>
  
  <p>So how can i do to for a line break is done every time a word reaches the end of view ?</p>
  
  <p>Thank's</p>