Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { AppRegistry } from 'react-native';
- import App from './App';
- AppRegistry.registerComponent('bluebulk', () => App);
- import { StackNavigator } from 'react-navigation';
- import LoginScreen from './src/components/login/LoginScreen';
- import Menu from './src/components/menu/Menu';
- const App = StackNavigator({
- Main: { screen: LoginScreen },
- Menu: { screen: Menu }
- });
- export default App;
- import { StackNavigator } from 'react-navigation';
- import React, { Component } from 'react';
- import { StyleSheet, View, Text, Image } from 'react-native';
- import LoginForm from './LoginForm';
- class LoginScreen extends Component {
- render() {
- return (
- <View style={styles.container}>
- <View style={styles.logoContainer}>
- <Image
- style={styles.logo}
- source={require('../../images/transparent.png')}
- />
- <View style={{ flexDirection: 'row' }}>
- <Text style={styles.blueTextStyle}>Blue</Text>
- <Text style={styles.bulkTextStyle}>Bulk</Text>
- </View>
- </View>
- <View style={styles.formContainer}>
- <LoginForm />
- </View>
- </View>
- );
- }
- }
- export default LoginScreen;
- import React, { Component } from 'react';
- import {
- StyleSheet,
- TextInput,
- TouchableOpacity,
- Text,
- View,
- KeyboardAvoidingView,
- Keyboard
- } from 'react-native';
- import { StackNavigator } from 'react-navigation';
- class LoginForm extends Component {
- render() {
- return (
- <KeyboardAvoidingView behavior='height' style={styles.container}>
- <View style={{ flexDirection: 'row' }}>
- <Text style={styles.textStyle}>Email:</Text>
- <TextInput
- style={styles.styleInput}
- placeholder="user@gmail.com"
- returnKeyType="next"
- keyboardType="email-address"
- onSubmitEditing={() => this.refs.password.focus()}
- />
- </View>
- <View style={{ flexDirection: 'row' }}>
- <Text style={styles.textStyle}>Password:</Text>
- <TextInput
- ref='password'
- style={styles.styleInput}
- placeholder="password"
- secureTextEntry
- returnKeyType="go"
- onSubmitEditing={Keyboard.dismiss}
- />
- </View>
- <TouchableOpacity
- style={styles.buttonContainer}
- onPress={() => this.props.navigation.navigate('Menu')} //Error here
- >
- <Text style={styles.buttonText}>Login</Text>
- </TouchableOpacity>
- </KeyboardAvoidingView>
- );
- }
- }
- export default LoginForm;
- import React, { Component } from 'react';
- import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
- import { StackNavigator } from 'react-navigation';
- class Menu extends Component {
- render() {
- const { navigate } = this.props.navigation;
- return (
- <View style={styles.container}>
- <View style={styles.viewContainer}>
- <TouchableOpacity style={styles.buttonContainer}>
- <Text style={styles.buttonText}>View Products</Text>
- </TouchableOpacity>
- <TouchableOpacity style={styles.buttonContainer}>
- <Text style={styles.buttonText}>View Discounts/Offers</Text>
- </TouchableOpacity>
- <TouchableOpacity style={styles.buttonContainer}>
- <Text style={styles.buttonText}>View Invoice History</Text>
- </TouchableOpacity>
- </View>
- </View>
- );
- }
- }
- export default Menu;
Add Comment
Please, Sign In to add comment