title: How to copy FlatList text item to Clipboard onPress
body: <p>Gonna try to make this as detailed as I can since I'm new to React Native and maybe this'll help someone else as well ✨.</p>
  
  <p>I'm using the <a href="https://github.com/saleel/react-native-super-grid" rel="nofollow noreferrer">React Native Super Grid</a> library, which internally uses FlatList and SectionList, to render a grid layout. The grid is populated with text via props from a separate const</p>
  
  <p><strong>What I'm trying to do is:</strong> When a user taps any item in the FlatList, the item that was tapped is copied to the clipboard and an alert is shown confirming it was copied.</p>
  
  <p><strong>What's happening right now:</strong> Each item is tappable &amp; the correct alert is showing onPress confirming that you've copied to your clipboard, BUT nothing is actually being written to the clipboard. Just to make sure that writeToClipboard is working I have a static message in there that just says "WELL AT LEAST THE CLIPBOARD WORKS," so if you tap any item, that static message is successfully copied to the clipboard. I'm just not sure of how to copy the specific item that was tapped to the clipboard.</p>
  
  <p>Here's the code for the grid component: </p>
  
  <pre><code>import React, { Component } from "react";
  import {
    StyleSheet,
    Alert,
    View,
    Text,
    TouchableOpacity,
    Clipboard,
    Button,
    onPress
  } from "react-native";
  import { FlatGrid } from "react-native-super-grid";
  
  class Emojigrid extends Component {
    constructor(props) {
      super(props);
      this.state = {
        text: "WELL AT LEAST THE CLIPBOARD WORKS",
        clipboardContent: null
      };
    }
  
    writeToClipboard = async () =&gt; {
      await Clipboard.setString(this.state.text);
      alert("Boom, Copied");
    };
  
    render() {
      return (
        &lt;FlatGrid
          itemDimension={130}
          items={items}
          style={styles.gridView}
          // staticDimension={300}
          // fixed
          spacing={2}
          renderItem={({ item, index }) =&gt; (
            &lt;View style={[styles.itemContainer, { backgroundColor: "#F7F7F7" }]}&gt;
              &lt;TouchableOpacity onPress={this.writeToClipboard}&gt;
                &lt;Text style={styles.itemName}&gt;{item.name}&lt;/Text&gt;
              &lt;/TouchableOpacity&gt;
            &lt;/View&gt;
          )}
        /&gt;
      );
    }
  }
  
  export default Emojigrid;
  
  const items = [
    { name: "¯_(ツ)_/¯" },
    { name: "ʕ·͡ᴥ·ʔ" },
    { name: "•`_´•" },
  ];
  
  const styles = StyleSheet.create({
    gridView: {
      marginTop: 0,
      marginBottom: 400,
      flex: 1
    },
    itemContainer: {
      justifyContent: "center",
      alignItems: "center",
      borderRadius: 0,
      height: 125
    },
    itemName: {
      fontSize: 18,
      color: "black",
      fontWeight: "400"
    }
  });
  </code></pre>
  
  <p>Thinking the answer is probably quite obvious, but any help is much appreciated!</p>