title: Element type is invalid: expected a string when using TouchableHighlight
body: <p>I am having problems when adding the <code>TouchableHighlight</code> component from react-native, and I am given the following error: </p>
  
  <blockquote>
    <p>Element type is invalid: expected a string</p>
  </blockquote>
  
  <p>Everything works fine if I delete this</p>
  
  <p>The code is the following:</p>
  
  <pre><code>import React from 'react';
  import {View, Text, Image, ScrollView} from 'react-native';
  import axios from 'axios';
  import {Card, CardItem, Right, Left, TouchableHighlight} from 'native-base';
  import { Icon } from 'react-native-elements'
  
  import HeaderMenu from '../Header/Header';
  
  class homeScreen extends React.Component {
  
      state = {
          noticias: []
      }
  
      componentDidMount() {
          axios.get('URL')
          .then(res =&gt; this.setState({
              noticias: res.data
          }));
      }
  
      render() {
          const {navigate} = this.props.navigation;
        return (
          &lt;View style={{flex: 1}}&gt;
            &lt;HeaderMenu title='Noticias'/&gt;
            &lt;ScrollView&gt;
                  &lt;View style={{borderTopColor: 'white', borderTopWidth: 2}}&gt;
                      {
                          this.state.noticias.map((noticia, index) =&gt; (
                              &lt;TouchableHighlight onPress={() =&gt; navigate('SingleScreen')}&gt;
                                  &lt;CardItem key={index} style={{height: 100, padding: 5, borderBottomColor: '#dee0e2', borderBottomWidth: 1}} &gt;
                                      &lt;View&gt;
                                          &lt;Image style={{width: 120, height: 80, alignSelf: 'stretch'}} source={{uri: noticia.imagen}} /&gt;
                                      &lt;/View&gt;
                                      &lt;View style={{height: 80, flex: 1, paddingLeft: 10}}&gt;
                                          &lt;Text style={{fontSize: 12, marginBottom: 8}} &gt;{noticia.titulo}&lt;/Text&gt;
                                      &lt;/View&gt;
                                      &lt;Icon style={{marginTop: 40 ,width: 20, height: '100%', color: '#343537', justifyContent: 'center', paddingLeft: 5}} name="chevron-right" /&gt;
                                  &lt;/CardItem&gt;
                              &lt;/TouchableHighlight&gt;
                          ))
                      } 
                  &lt;/View&gt; 
              &lt;/ScrollView&gt;
          &lt;/View&gt;
        );
      }
    }
  
  export default homeScreen;
  </code></pre>
  
  <p>Already checked other answers but none of them solve my problem.</p>