title: React Native FlatList not Rendering items bug
body: <p>hi im trying to render  some user info in my react native page and i dont know why it should render something like this:
  <a href="https://i.stack.imgur.com/uxC4J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uxC4J.png" alt="enter image description here" /></a></p>
  <p>but instead my output is</p>
  <p><a href="https://i.stack.imgur.com/zIe7N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zIe7N.png" alt="enter image description here" /></a></p>
  <p>User data</p>
  <pre><code>    export default [
      {
          id: 1,
          name: 'Tiago Almeida',
          email: 'tiago@gmail.pt',
          avatarUrl:
              'https://cdn.pixabay.com/photo/2013/07/13/10/07/man-156584_960_720.png',
      },
      {
          id: 2,
          name: 'Lucas Silva',
          email: 'lucas@gmail.com',
          avatarUrl:
              'https://cdn.pixabay.com/photo/2014/04/03/10/32/businessman-310819_960_720.png',
      },
      {
          id: 3,
          name: 'Andre Ferreira',
          email: 'andre@gmail.pt',
          avatarUrl:
              'https://cdn.pixabay.com/photo/2018/05/19/22/03/man-3414477_960_720.png',
      },];
  </code></pre>
  <p>and this is my main page</p>
  <pre><code>export default props =&gt; {
      function getActions(user) {
          return (
              &lt;&gt;
                  &lt;Button
                      onPress={() =&gt; props.navigation.navigate('UserForm', user)}
                      type='clear'
                      icon={&lt;Icon name='edit' size={25} color='orange' /&gt;}
                  /&gt;
              &lt;/&gt;
          )
      }
  
      function getUserItem({ item: user }) {
          return (
              &lt;ListItem
                  leftAvatar={{ source: { uri: user.avatarUrl } }}
                  key={user.id}
                  tittle={user.name}
                  subtitle={user.email}
                  bottomDivider
                  rightElement={getActions(user)}
                  onPress={() =&gt; props.navigation.navigate('UserForm', user)}
  
  
              /&gt;
          )
  
      }
  
      return (
          &lt;View&gt;
              &lt;FlatList
                  keyExtractor={user =&gt; user.id.toString()}
                  data={users}
                  renderItem={getUserItem}
              /&gt;
          &lt;/View&gt;
      )
  };
  </code></pre>