import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';
import Home from './components/home';
import Registeruser from './components/register';
import { StackNavigator } from 'react-navigation';



const MySpy = StackNavigator({
    Home: { screen:Home },
    Registeruser: { screen:Registeruser },
});


export default MySpy;

import React, { Component } from "react";
import {
  AppRegistry,
  View,
  Text,
  TouchableHighlight,
  TextInput,
  TouchableOpacity,
  StyleSheet,
  FlatList,
  Button
} from "react-native";
import PresentationalComponent from "./PresentationComponent.js";
import { StackNavigator } from 'react-navigation';
import Registeruser from "./register";


const MySPy = StackNavigator({
 // Home: { screen: Home },
  RegisterUser: { screen: Registeruser, title: "ss" }
});

const styles = StyleSheet.create({
  container: {
    flexDirection: "column",
    justifyContent: "center"
  },
  input: {
    width: 200,
    height: 100,
    borderColor: "#7a42f4",
    borderWidth: 1
  },
  submitButton: {
    backgroundColor: "#7a42f4",
    padding: 10,
    margin: 15,
    height: 40
  },
  submitButtonText: {
    color: "white"
  }
});

class Home extends React.Component {
    static navigationOptions = {
      title: "Home"
    };

    state = {
      myState: "Hello.This is Karthikk. Winner.",
      username: "",
      password: ""
    };

    handleName = text => {
      this.setState({ username: text });
    };

    handlePwd = text => {
      this.setState({ password: text });
    };

    //Updating state
    updateState = () => {
      this.setState({
        myState: "Karthikk winner state"
      });
    };

    login = (name, pwd) => {
      if (name == "") {
        alert("Please enter UserName ");
      } else if (pwd == "") {
        alert("Please enter Password");
      } else {
        // this.navigate('Reg');
        // alert('Entered name : ' + name + '  Entered password : ' + pwd);
      }
    };

    render() {
      const { navigate } = this.props.navigation;

      return (
        <View style={styles.container}

          <TextInput
            placeholder="UserName"
            placeholderTextColor="#9a73ef"
            autoCapitalize="none"
            onChangeText={this.handleName}
          />
          <TextInput
            placeholder="Password"
            placeholderTextColor="#9a73ef"
            autoCapitalize="none"
            onChangeText={this.handlePwd}
          />



          <Button title='navigate' onPress={()=> navigate('RegisterUser')} />


        </View>
      );
    }
  }
  export default Home;
AppRegistry.registerComponent("MySPy", () => Home

import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';


class Registeruser extends React.Component {
    static navigationOptions = {
        title: 'Register'
    };
    render() {

        return (
            <view>
                <Text>Register user here</Text>
            </view>

        );

    }
}

export default Registeruser;


AppRegistry.registerComponent('MySPy',() => Registeruser);