React-native: how to wrap FlatList items : <p>I have a list of Terms that are returned by a query. Each is a single word. Currently my FlatList renders each word into a button on the same row (horizontal={true})
I would like the buttons to wrap like normal text would. But I absolutely do not want to use the column feature, because that would not look as natural.
Is this possibly a bad use-case for FlatList? Are there any other components I could use?</p>

<pre><code>const styles = StyleSheet.create({
  flatlist: {
    flexWrap: 'wrap'
  },
  content: {
    alignItems: 'flex-start'
  }})

render() {

    return (
      &lt;Content&gt;
        &lt;Header searchBar rounded iosStatusbar="light-content" androidStatusBarColor='#000'&gt;
          &lt;Item&gt;
            &lt;Icon name="ios-search" /&gt;
            &lt;Input onChangeText={(text) =&gt; this.setState({searchTerm: text})} value={this.state.searchTerm} placeholder="enter word"/&gt;
            &lt;Icon name="ios-people" /&gt;

            &lt;Button transparent onPress={this._executeSearch}&gt;
            &lt;Text&gt;Search&lt;/Text&gt;
          &lt;/Button&gt;
          &lt;/Item&gt;
        &lt;/Header&gt;

        &lt;FlatList style={styles.flatlist} contentContainerStyle={styles.content}
            horizontal={true} data={this.state.dataSource} renderItem={({item}) =&gt;
                  &lt;Button&gt;
                    &lt;Text&gt;{item.key}&lt;/Text&gt;
                  &lt;/Button&gt;

              }&gt;
        &lt;/FlatList&gt;
      &lt;/Content&gt;

    );
  }
</code></pre>

<p>One error message amongst others I've gotten is:</p>

<blockquote>
  <p>Warning: <code>flexWrap:</code>wrap`` is not supported with the <code>VirtualizedList</code> components.Consider using <code>numColumns</code> with <code>FlatList</code> instead.</p>
</blockquote>
