title: React-Native flexDirection: 'row' with multiple lines
body: <p>I would like to know if there is a way to have <code>flexDirection: 'row'</code> with multiple lines. Because now if I have 10 objects in row non will go on a second line. This is the example from documentation where I've added another two <code>&lt;View&gt;</code> elements</p>
  
  <pre><code>import React, { Component } from 'react';
  import { AppRegistry, View } from 'react-native';
  
  export default class FlexDirectionBasics extends Component {
    render() {
      return (
        // Try setting `flexDirection` to `column`.
        &lt;View style={{flex: 1, flexDirection: 'row'}}&gt;
          &lt;View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} /&gt;
          &lt;View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} /&gt;
          &lt;View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} /&gt;
          &lt;View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} /&gt;
          &lt;View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} /&gt;
        &lt;/View&gt;
      );
    }
  };
  
  // skip this line if using Create React Native App
  AppRegistry.registerComponent('AwesomeProject', () =&gt; FlexDirectionBasics);
  </code></pre>