title: FlatList using 2 columns. I have an odd number of items to display. How do I get the last item to align left?
body: <p>so I have a FlatList component that is rendering an odd number of items. The FlatList has 2 columns and I'm using <code>'space-around'</code> for the column wrapper. This works fine when the number of items is even but when it's odd, the final item in this list will align center. </p>
  
  <p>So if the final row has one item, how do I have that item align to the left (flex-start)?</p>
  
  <pre><code>          &lt;FlatList
              columnWrapperStyle={ styles.columnWrapper }
              data={ inStockItems }
              keyExtractor={ item =&gt; item.itemId }
              horizontal={ false }
              numColumns={ 2 }
              renderItem={ ({ item }) =&gt; (
                &lt;ItemContainer
                  // style={ styles.userStoreItem }
                  item={ item }
                  navigate={ this.props.navigation }
                  { ...this.props }
                  admin
                /&gt;
              ) }
            /&gt;
  
  styles.columnWrapper: {
      justifyContent: 'space-around',
    },
  </code></pre>