"use strict";

import React, { AppRegistry } from 'react-native';
import App from './components/App';

AppRegistry.registerComponent('ReactNativeProject', () => App);

'use strict'

    import React, {Component} from 'react';
    import {
        AppRegistry,
        StyleSheet,
        NavigatorIOS,
    } from 'react-native';
    var Login = require('./Login');

    class App extends Component {
        render() {
            return (
              <NavigatorIOS
                style={styles.navigationContainer}
                initialRoute={{
                title: "Login Page",
                component: Login,
              }} />
          );
        }
    }

    var styles = StyleSheet.create({
        navigationContainer: {
            flex: 1
        }
    });

    export default App;

**Login.js** (ReactNativeProject/components/Login.js)

"use strict";
import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    TextInput
} from 'react-native';
import Button from 'react-native-button';
import styles from './login';


class Login extends Component {

    constructor(props) {
        super(props);
        this.state = {
          username: "",
          password: "",

        };
    }

    render() {
        return (

          <View style={styles.container}>
              <View style={styles.textContainer}>
                  <TextInput
                      style={styles.inputUsername}
                      placeholder="Enter email ID"
                      value={this.state.username}
                      clearButtonMode = 'while-editing'/>
                  <TextInput
                      style={styles.inputPassword}
                      placeholder="Enter Password"
                      value={this.state.password}
                      password={true}
                      secureTextEntry={true}
                      clearButtonMode = 'while-editing' />

                 <Button style={styles.login}
                         styleDisabled={{color: 'red'}}>
                         Login
                  </Button>
              </View>
          </View>
        );
    }

module.exports = Login;