title: React Native: Issue with Displaying Image
body: <p>I am trying to display an image in my app, using the documentation provided by React-Native. the code is <a href="https://github.com/samrao2/practiciatest" rel="nofollow noreferrer">here</a>.</p>
  
  <p>The only file that is concerned is the app.js file which has the code. the image is in the same folder as the app.js file. Can someone help me figure out why this might not be working? 
  the line of code in question is: </p>
  
  <pre><code> &lt;Image source={require('./practicialogo.PNG')} /&gt;
  </code></pre>
  
  <p>I getting two errors: 
  1. Unable to resolve path to file (which i dont understand as the image is in the same folder as the file 2. ES Lint is giving me an unexpected require() (global require) error on that line where i call for the image. </p>
  
  <p>Here is the entire file: </p>
  
  <pre><code>import React from 'react';
  import { StyleSheet, Text, View, Image } from 'react-native';
  import { StackNavigator } from 'react-navigation';
  import { Button } from 'react-native-elements';
  
  //import { Button } from './src/components/Button';
  //import { CardSection } from './src/components/CardSection';
  
  
  class HomeScreen extends React.Component {
    static navigationOptions = {
      title: 'WELCOME!'
    };
    render() {
      const { navigate } = this.props.navigation;
      return (
        &lt;View&gt;
          &lt;Image source={require('./practicialogo.PNG')} /&gt;
          &lt;Text&gt;Hello, Chat App!&lt;/Text&gt;
  
          &lt;Button
          raised
          backgroundColor="#3399ff"
          borderRadius="20"
            onPress={() =&gt; navigate('Chat', { user: 'Lucy' })}
            title="CHAT WITH LUCY"
          /&gt;
        &lt;/View&gt;
      );
    }
  }
  
  class ChatScreen extends React.Component {
    static navigationOptions = ({ navigation }) =&gt; ({
      title: `Chat with ${navigation.state.params.user}`,
    });
    render() {
      const { params } = this.props.navigation.state;
      return (
        &lt;View&gt;
          &lt;Text&gt;Chat with {params.user}&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  
  const SimpleApp = StackNavigator({
    Home: { screen: HomeScreen },
    Chat: { screen: ChatScreen }
  
  });
  
  export default class App extends React.Component {
    render() {
      return &lt;SimpleApp /&gt;;
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: 'white',
      alignItems: 'center',
      justifyContent: 'center'
    }
  });
  </code></pre>