title: How to wrap ScrollView contents horizontally?
body: <p>I would like to display the contents of a ScrollView horizontally and have them wrap to a new line when they hit the right edge. For example,</p>
  
  <pre><code>|One Two Three Four Five|
  |Six Seven Eight Nine   |
  |Ten                    |
  |                       |
  </code></pre>
  
  <p>where vertical pipes are the edges of the screen. </p>
  
  <p>I've tried messing with the flex styles of the ScrollView and its children, but alas, nothing has worked. I also tried using <code>horizontal={true}</code> on the ScrollView, but that doesn't achieve the wrapping effect, and I want it to be vertically-scrollable.</p>
  
  <p>Here is a simplified version of my code:</p>
  
  <pre><code>&lt;ScrollView style={{flex: 1, flexDirection: "row", flexWrap: "wrap"}}&gt;
    &lt;View&gt;&lt;Text&gt;One&lt;/Text&gt;&lt;/View&gt;
    &lt;View&gt;&lt;Text&gt;Two&lt;/Text&gt;&lt;/View&gt;
    &lt;View&gt;&lt;Text&gt;Three&lt;/Text&gt;&lt;/View&gt;
    ...
    &lt;View&gt;&lt;Text&gt;Ten&lt;/Text&gt;&lt;/View&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p>and this is what that code produces.</p>
  
  <pre><code>|One                    |
  |Two                    |
  |Three                  |
  |Four                   |
  |Five                   |
  |Six                    |
  |Seven                  |
  |Eight                  |
  |Nine                   |
  |Ten                    |
  |                       |
  </code></pre>
  
  <p>Thoughts on how to achieve my desired effect would be greatly appreciated. Thanks!</p>