title: Android Application Emulator keeps stopping on React Native
body: <p>I was editing one of the '.js' files and after saving my work after some changes, when I typed 'rr' to refresh application on the emulator, I kept getting this message.</p>
  
  <p>Android Application Emulator keeps stopping
  App info
  Close app</p>
  
  <p><a href="https://i.stack.imgur.com/T1b7I.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>After creating <strong>Form.js</strong> and under a components folder in my project in the visual studio code editor and importing it in my <strong>Login.js</strong> that's where the error started to occur. IDK what I did wrong. I'm new to React Native and am just learning.</p>
  
  <p><strong>Form.js</strong></p>
  
  <pre><code>import React, {Component} from 'react';
  import { 
      StyleSheet,  
      Text, 
      View,
      TextInput
    } from 'react-native';
  
  export default class Login extends Component&lt;{}&gt; {
        render(){
            return(
                &lt;View style={styles.container}&gt;
                  &lt;TextInput style={styles.inputBox} 
                    underlineColorAndroid='rgba(0,0,0,0)' 
                    placeholder="Email"
                    placeholderTextColor = "#ffffff"
                     /&gt;
                  &lt;TextInput style={styles.inputBox} 
                    underlineColorAndroid='rgba(0,0,0,0)' 
                    placeholder="Password"
                    placeholderTextColor = "#ffffff"
                     /&gt;
                  &lt;/View&gt;
            )
        }
    }
  
  const styles = StyleSheet.create({
  container : {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  inputBox: {
    width:300,
    backgroundColor:'rgba(255,255,255,0.3)',
    borderRadius: 25,
    paddingHorizontal: 16,
    fontSize: 16,
    color:'#ffffff',
    marginVertical: '10'
  
  }
  });
  </code></pre>
  
  <p><strong>Login.js</strong></p>
  
  <pre><code>import React, {Component} from 'react';
  import { 
      StyleSheet,  
      Text, 
      View,
      StatusBar
    } from 'react-native';
  
  import Logo from '../components/Logo';
  import Form from '../components/Form';
  
  export default class Login extends Component&lt;{}&gt; {
  render () {
  return(
    &lt;View style={styles.container}&gt;
      &lt;Logo/&gt;  
      &lt;Form/&gt;      
    &lt;/View&gt;
  )
  }
  }
  
  const styles = StyleSheet.create({
  container : {
    backgroundColor: '#29b6f6',
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  }
  });
  </code></pre>