title: react native horizontal list view with no scroll. How to wrap item?
body: <p>I'm showing items in list. I don't want to use horizontal scroll view but how can I wrap items such that they don't fall out of the screen? Just as we have FlowLayout in android.<a href="https://i.stack.imgur.com/uJjcF.png" rel="nofollow noreferrer">the picture shows the third item in first row is half out of the screen</a></p>
  
  <pre><code>&lt;List  horizontal={true} 
                              scrollEnabled={false}
                              style={{flexWrap: "wrap"}}
                              dataArray={articleData.Types}
                                renderRow={(Type) =&gt;
                                  &lt;ListItem style={{borderBottomWidth: 0}} content&gt;
                                      &lt;Button rounded&gt;
                                      &lt;Text&gt;{Type.Name}&lt;/Text&gt;
                                      &lt;/Button&gt;
                                  &lt;/ListItem&gt;
                              }&gt;
                              &lt;/List&gt;
  </code></pre>