title: Picking up an id or value from a nested ListItem in React Native Elements
body: <p>I have the following for my <code>React Native</code> app:</p>
  
  <pre><code>&lt;List&gt;
          {users !== '' &amp;&amp; 
               &lt;FlatList
                data={users}
                keyExtractor={user =&gt; user.id}
                id={user=&gt;user.id}
                renderItem={({user,index}) =&gt; (
                     &lt;ListItem
                        title={`${user.lastname}, ${user.firstname}`}
                        titleStyle={{fontWeight:'bold', color:white}}
                        chevronColor={black}
                        key={index}
                        id={user.id}
                        value={user.id}
                        rightIcon={{style:{fontSize:28, color:white}}}
                        onPress={this.gotoDetail}
                        onPressRightIcon={this.gotoDetail}
                      /&gt;
                    )}
                  /&gt;
              }
   &lt;/List&gt;
  </code></pre>
  
  <p>I want to pick up the <strong>user id</strong> and thus this is my event handler</p>
  
  <pre><code>gotoDetail=(e)=&gt;(
   //Tried all below but no success
   console.log(e.target.value)
   console.log(e.target.id)
   console.log(this.id)
   console.log(this.value)
  )
  </code></pre>
  
  <p>Also tried to pass a value from <code>onPress</code> event</p>
  
  <pre><code>onPress={this.gotoDetail(user.id)}
  </code></pre>
  
  <p>And the event handler</p>
  
  <pre><code>gotoDetail=(userId)=&gt;(
    console.log(userId)
  )
  </code></pre>
  
  <p>Also to no avail.</p>
  
  <p>I also tried to use <code>refs</code> but still to no avail.</p>