title: How to properly import screens in the same directory?
body: <p>I'm new to <code>react-native/expo</code>, and I'm currently trying to test my code and make sure that I set up <code>react-navigation</code> properly. When I try to run on expo on my smartphone, I get back this:</p>
  
  <blockquote>
    <p>Unable to resolve module './screens/RegistrationScreen' from
    'C:\Users[username]\Desktop\JDA\Smartbox\screens\HomeScreen.js': The
    module './screens/RegistrationScreen could not be found from
    'C:\Users[username]\Desktop\JDA\Smartbox\screens\HomeScreen.js'.
    Indeed, none of these files exist...</p>
  </blockquote>
  
  <p>I'm not exactly sure if I'm writing the directory wrong or not, but I can't seem to find many other situations where this is happening and find a proper solution.</p>
  
  <pre><code>import React from 'react';
  import {
    Image,
    Platform,
    ScrollView,
    StyleSheet,
    StatusBar,
    Text,
    Button,
    TouchableOpacity,
    View,
  } from 'react-native';
  import { WebBrowser } from 'expo';
  
  import { MonoText } from '../components/StyledText';
  
  import {createStackNavigator} from 'react-navigation';
  
  import RegistrationScreen from './screens/RegistrationScreen';
  
  export default class HomeScreen extends React.Component {
    static navigationOptions = {
      header: null,
    };
  
    onPress = () =&gt; {
      this.props.navigation.navigate('Home')
    };
  
    render() {
      return (
        &lt;View style={{flex: 1}}&gt;
        &lt;View style={[{flex: 1}, styles.container]}&gt;
        &lt;Text style={styles.getStartedText}&gt;Manage my locks&lt;/Text&gt;
        &lt;/View&gt;
        &lt;View style={{flex: 2}}/&gt;
        &lt;Button style={{flex: 1}}title="Registration Test" onPress={this.onPress}&gt;
        &lt;/Button&gt;
        &lt;Button style={{flex: 1}} title="Add new lock"&gt;
        &lt;/Button&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      ...Platform.select({
        android: {
          marginTop: StatusBar.currentHeight + 15
        }
      })
    },
    developmentModeText: {
      marginBottom: 20,
      color: 'rgba(0,0,0,0.4)',
      fontSize: 14,
      lineHeight: 19,
      textAlign: 'center',
    },
    contentContainer: {
      paddingTop: 30,
    }
  });
  
  createStackNavigator({
    Register: {
      screen: RegistrationScreen
    },
    Home: {
      screen: HomeScreen
    }
  });
  </code></pre>
  
  <p>The header from RegistrationScreen is like so:</p>
  
  <pre><code>import React from 'react';
  import {
      AppRegistry,
      Button,
      StyleSheet,
      Text,
      TextInput,
      TouchableOpacity,
      View
  
  } from 'react-native';
  
  import {createStackNavigator} from 'react-navigation';
  
  import HomeScreen from './screens/HomeScreen';
  </code></pre>
  
  <p>The HomeScreen and Registration Screen are in the same directory. I'm just doing this for testing, but I want to be sure that I can navigate from this screen to registration once I press the button.</p>