Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //lots of imports
- export default class CBURecCenterApp extends Component {
- constructor(){
- super()
- this.renderScene = this.renderScene.bind(this)
- }
- renderScene(route, navigator){
- switch(route.name){
- case 'Home':
- return <HomePage navigator={navigator} />
- break;
- case 'Calendar':
- return <CalendarPage navigator={navigator} />
- break;
- case 'Events':
- return <EventsPage navigator={navigator} />
- break;
- case 'Discover':
- return <DiscoverPage navigator={navigator} />
- break;
- case 'Profile':
- return <ProfilePage navigator={navigator} />
- break;
- case 'Settings':
- return <SettingsPage navigator={navigator} />
- break;
- case 'Info':
- return <InfoPage navigator={navigator} />
- break;
- case 'Login':
- return <LoginPage navigator={navigator} />
- break;
- case 'Register':
- return <RegisterPage navigator={navigator} />
- break;
- default:
- return <ErrorPage navigator={navigator} />
- }
- }
- render() {
- return (
- <Navigator
- initialRoute={{name: 'Login'}}
- renderScene={this.renderScene}
- />
- );
- }
- }
- AppRegistry.registerComponent('CBURecCenterApp', () => CBURecCenterApp);
- import React, { Component, PropTypes } from 'react';
- import { View, Text, TextInput, StyleSheet, TouchableHighlight} from 'react- native';
- import Api from '../Utility/Api';
- export default class LoginPage extends Component {
- constructor(props) {
- super(props);
- this.state = {
- userName: null,
- password: null
- };
- }
- navigate(name){
- this.props.navigator.push({
- name
- })
- }
- submitLogin(){
- response: Api.login(
- this.state.userName,
- this.state.password
- );
- if(response.status === 200){
- //pass authentication token to index.android.js
- //navigate to home page
- }
- else{
- //invalid username/password handling code
- }
- }
- render(){
- return (
- <View>
- <TextInput
- style={styles.textField}
- onChangeText={(userName) => this.setState({userName})}
- value={this.state.userName}
- keyboardType = {'email-address'}
- autoCorrect = {false}
- placeholder = {'CBU Email'}
- />
- <TextInput
- style={styles.textField}
- onChangeText={(password) => this.setState({password})}
- value={this.state.password}
- keyboardType = {'email-address'}
- autoCorrect = {false}
- placeholder = {'password'}
- secureTextEntry={ true }
- />
- </View>
- )
- }
- }
- const styles = StyleSheet.create({
- textField: {
- height: 40,
- borderColor: 'gray',
- borderWidth: 1
- }
- })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement