React Native horizontal FlatList with multiple rows : <p>I'm trying to implement a horizontal scrolling list that has two rows. Using FlatList, the vertical scrolling list involves setting <code>numColumns</code> but there is no equivalent for using rows with horizontal.</p>

<p>I was successfully able to make it render properly, and it works flawlessly. However, a warning gets thrown saying setting <code>flexWrap</code> is not supported in <code>VirtualizedList</code> or <code>FlatList</code>, and to use numColumns. I cannot use numColumns as that is not meant for horizontal lists.</p>

<pre><code>&lt;FlatList
    horizontal={true}
    contentContainerStyle={{
        flexDirection: 'column',
        flexWrap: 'wrap'
    }}
    {...otherProps}
/&gt;
</code></pre>

<p>I found the commit where this warning was added, but cannot find the reasoning behind it. There seems to be no way to make this work without a warning being thrown, at least without ditching FlatList entirely. Is there a more appropriate solution for horizontal lists with rows?</p>

<p><strong>References:</strong></p>

<ul>
<li>Commit adding warning: <a href="https://github.com/facebook/react-native/commit/eac399b" rel="noreferrer">https://github.com/facebook/react-native/commit/eac399b</a></li>
<li>FlatList Documentation: <a href="https://facebook.github.io/react-native/docs/flatlist.html" rel="noreferrer">https://facebook.github.io/react-native/docs/flatlist.html</a></li>
</ul>
