Advertisement
Guest User

Untitled

a guest
Mar 24th, 2017
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.94 KB | None | 0 0
  1. //lots of imports
  2. export default class CBURecCenterApp extends Component {
  3.  
  4. constructor(){
  5. super()
  6. this.renderScene = this.renderScene.bind(this)
  7. }
  8.  
  9. renderScene(route, navigator){
  10. switch(route.name){
  11. case 'Home':
  12. return <HomePage navigator={navigator} />
  13. break;
  14. case 'Calendar':
  15. return <CalendarPage navigator={navigator} />
  16. break;
  17. case 'Events':
  18. return <EventsPage navigator={navigator} />
  19. break;
  20. case 'Discover':
  21. return <DiscoverPage navigator={navigator} />
  22. break;
  23. case 'Profile':
  24. return <ProfilePage navigator={navigator} />
  25. break;
  26. case 'Settings':
  27. return <SettingsPage navigator={navigator} />
  28. break;
  29. case 'Info':
  30. return <InfoPage navigator={navigator} />
  31. break;
  32. case 'Login':
  33. return <LoginPage navigator={navigator} />
  34. break;
  35. case 'Register':
  36. return <RegisterPage navigator={navigator} />
  37. break;
  38. default:
  39. return <ErrorPage navigator={navigator} />
  40. }
  41. }
  42. render() {
  43. return (
  44. <Navigator
  45. initialRoute={{name: 'Login'}}
  46. renderScene={this.renderScene}
  47. />
  48. );
  49. }
  50. }
  51.  
  52. AppRegistry.registerComponent('CBURecCenterApp', () => CBURecCenterApp);
  53.  
  54. import React, { Component, PropTypes } from 'react';
  55. import { View, Text, TextInput, StyleSheet, TouchableHighlight} from 'react- native';
  56. import Api from '../Utility/Api';
  57.  
  58.  
  59. export default class LoginPage extends Component {
  60.  
  61. constructor(props) {
  62. super(props);
  63. this.state = {
  64. userName: null,
  65. password: null
  66. };
  67. }
  68.  
  69. navigate(name){
  70. this.props.navigator.push({
  71. name
  72. })
  73. }
  74.  
  75. submitLogin(){
  76. response: Api.login(
  77. this.state.userName,
  78. this.state.password
  79. );
  80. if(response.status === 200){
  81. //pass authentication token to index.android.js
  82. //navigate to home page
  83. }
  84. else{
  85. //invalid username/password handling code
  86. }
  87. }
  88.  
  89. render(){
  90. return (
  91. <View>
  92. <TextInput
  93. style={styles.textField}
  94. onChangeText={(userName) => this.setState({userName})}
  95. value={this.state.userName}
  96. keyboardType = {'email-address'}
  97. autoCorrect = {false}
  98. placeholder = {'CBU Email'}
  99. />
  100. <TextInput
  101. style={styles.textField}
  102. onChangeText={(password) => this.setState({password})}
  103. value={this.state.password}
  104. keyboardType = {'email-address'}
  105. autoCorrect = {false}
  106. placeholder = {'password'}
  107. secureTextEntry={ true }
  108. />
  109. </View>
  110. )
  111. }
  112. }
  113.  
  114. const styles = StyleSheet.create({
  115. textField: {
  116. height: 40,
  117. borderColor: 'gray',
  118. borderWidth: 1
  119. }
  120. })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement