title: How to create a multi-select on React-Native-Super-Grid
body: <p>I am new in React Native and I have been trying to implement a multi-select on a Flatlist. I recently found the <strong>react-native-super-grid</strong> component and I have been trying to customize it so I maybe able to do a multi-select and no luck thus far.</p>
  
  <p>Am I on the right track, or is there a component that does a grid and multi-select?</p>
  
  <p>Thank you, :'(</p>
  
  <pre><code>import React, { Component } from 'react'
  import { View, StyleSheet, Text } from 'react-native'
  import { FlatGrid } from 'react-native-super-grid'
  
  export default class GridFlatlist extends Component {
      render() {
          const items = [
              { name: 'Pick n Pay', code: '#1abc9c' }, { name: 'EMERALD', code: '#2ecc71' },
              { name: 'PETER RIVER', code: '#3498db' }, { name: 'AMETHYST', code: '#9b59b6' },
              { name: 'WET ASPHALT', code: '#34495e' }, { name: 'GREEN SEA', code: '#16a085' },
              { name: 'NEPHRITIS', code: '#27ae60' }, { name: 'BELIZE HOLE', code: '#2980b9' },
              { name: 'WISTERIA', code: '#8e44ad' }, { name: 'MIDNIGHT BLUE', code: '#2c3e50' },
              { name: 'SUN FLOWER', code: '#f1c40f' }, { name: 'CARROT', code: '#e67e22' },
              { name: 'ALIZARIN', code: '#e74c3c' }, { name: 'CLOUDS', code: '#ecf0f1' },
              { name: 'CONCRETE', code: '#95a5a6' }, { name: 'ORANGE', code: '#f39c12' },
              { name: 'PUMPKIN', code: '#d35400' }, { name: 'POMEGRANATE', code: '#c0392b' },
              { name: 'SILVER', code: '#bdc3c7' },
          ];
          return (
              &lt;FlatGrid
                  itemDimension={110}
                  items={items}
                  style={styles.gridView}
                  renderItem={({ item, index }) =&gt; (
                      &lt;View style={[styles.itemContainer, { backgroundColor: item.code }]}&gt;
                          &lt;Text style={styles.itemName}&gt;{item.name}&lt;/Text&gt;
                          &lt;Text style={styles.itemCode}&gt;{item.code}&lt;/Text&gt;
                      &lt;/View&gt;
                  )} /&gt;
          )
      }
  }
  
  const styles = StyleSheet.create({
      gridView: {
          marginTop: 20,
          flex: 1,
      },
      itemContainer: {
          justifyContent: 'flex-end',
          padding: 10,
          height: 110,
      },
      itemName: {
          fontSize: 16,
          color: '#fff',
          fontWeight: '600',
      },
      itemCode: {
          fontWeight: '600',
          fontSize: 12,
          color: '#fff',
      },
  })
  </code></pre>