title: How to add "edit" icon as a button to <Image> component in react-native
body: <p>I wanna add an "Edit" button with an icon in my <code>&lt;Image&gt;</code> component. following is my code for the <code>&lt;View&gt;</code> that contain the image.</p>
  
  <pre><code>&lt;View style={{ flex: 1 }}&gt;
      &lt;View
          style={{
              justifyContent: 'space-evenly',
              alignItems: 'center',
              flexDirection: 'row',
              paddingVertical: 10
          }}
      &gt;
          &lt;Image
              source={{ uri: 'https://api.adorable.io/avatars/285/test@user.i.png' }}
              style={{
                  marginLeft: 10, width: 100, height: 100, borderRadius: 50
              }}
          /&gt;
      &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>it is much better if i can do this, without replacing <code>&lt;ListItem&gt;</code> with <code>&lt;Image&gt;</code></p>