title: React Native - check the render method of Screen
body: <p><strong>Hello everyone,</strong></p>
  
  <p>I'm trying to make an example of React Native tabs but whenever I try to put some <code>react-native-elements</code> into the component, it gives me an error. I researched and found a number of people who are facing this error but it didn't help me.</p>
  
  <p><strong>Here is my PostScreen</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { Button, Text, View, FlatList, StyleSheet } from 'react-native';
  import { List, ListItem } from 'react-native-elements';
  import styles from '../styles';
  
  export default class PostScreen extends React.Component {
     constructor(props) {
      super(props);
      this.state = {
        seed: 1,
        page: 1,
        users: [],
        isLoading: false,
        isRefreshing: false,
      };
  
     }
  
   handleRefresh = () =&gt; {
     this.setState({
     seed: this.state.seed + 1,
     isRefreshing: true,
   }, () =&gt; {
     this.loadUsers();
   });
  };
  
  handleLoadMore = () =&gt; {
     this.setState({
      page: this.state.page + 1
      }, () =&gt; {
      this.loadUsers();
     });
   };
  
   componentDidMount() {
     this.loadUsers();
   };
  
  loadUsers = () =&gt; {
  const { users, seed, page } = this.state;
  this.setState({ isLoading: true });
  
  fetch(`https://randomuser.me/api/?seed=${seed}&amp;page=${page}&amp;results=20`)
    .then(res =&gt; res.json())
    .then(res =&gt; {
      this.setState({
        users: page === 1 ? res.results : [...users, ...res.results],
        isRefreshing: false,
      });
    })
    .catch(err =&gt; {
      console.error(err);
    });
  };
  
  render() {
    const list = [
    {
      name: 'Amy Farha',
      avatar_url: 
     'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
      subtitle: 'Vice President'
     },
    {
       name: 'Chris Jackson',
      avatar_url: 'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
      subtitle: 'Vice Chairman'
    }
   ]
  
  return (
    &lt;List containerStyle={{ marginBottom: 20 }}&gt;
      {
        list.map((l) =&gt; (
          &lt;ListItem
            roundAvatar
            avatar={{ uri: l.avatar_url }}
            key={l.name}
            title={l.name}
          /&gt;
        ))
      }
    &lt;/List&gt;
   )
  }
  </code></pre>
  
  <p><strong>Here is my App.js</strong></p>
  
  <pre><code>import React from 'react';
  import { StyleSheet, Text, View } from 'react-native';
  import Icon from 'react-native-vector-icons/FontAwesome5';
  
  import {
    createSwitchNavigator,
    createBottomTabNavigator,
    createAppContainer
  } from 'react-navigation';
  
  import PostScreen from './src/screens/PostScreen';
  import WelcomeScreen from './src/screens/WelcomeScreen';
  
  
  class App extends React.Component {
     render() {
       return &lt;AppNavigator /&gt;
     }
  }
  const AppNavigator = createBottomTabNavigator(
  {
     WelcomeScreen: {
         screen: WelcomeScreen,
         navigationOptions: {
         tabBarIcon: ({ tintColor }) =&gt;
             &lt;Icon name="home" size={25} color={tintColor} /&gt;
     } 
   },
      Posts: {
         screen: PostScreen,
         navigationOptions: {
           tabBarLabel: 'PostScreen',
           tabBarIcon: ({ tintColor }) =&gt;
             &lt;Icon name="chart-bar" size={25} color={tintColor} /&gt;
         }
      }
   },
   {
      tabBarOptions: {
        activeTintColor: 'orange',
        inactiveTintColor: 'gray'
      }
   }
   );
  
   export default createAppContainer(AppNavigator);
  </code></pre>
  
  <p>It works without any <code>react-native-elements</code> (List , Flatlist). With normal tags like Text, it works well.</p>
  
  <p><a href="https://i.stack.imgur.com/aevgB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aevgB.jpg" alt="The error image"></a></p>
  
  <p>Thank you.</p>