-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
112 lines (105 loc) · 2.76 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
import React from 'react';
import {
StyleSheet,
View,
Text,
TouchableOpacity,
TouchableWithoutFeedback,
TouchableHighLight,
TextInput,
ListView,
Alert,
Button,
AsyncStorage,
FlatList,
Image,
Keyboard,
KeyboardAvoidingView,
ListItem,
} from 'react-native';
import { StackNavigator, TabNavigator } from 'react-navigation';
import Hr from 'react-native-hr';
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
import UsersScreen from './app/Views/UsersScreen.js';
import ClosetsScreen from './app/Views/ClosetsScreen.js';
import RegisterScreen from './app/Views/RegisterScreen.js';
import NewDesignScreen from './app/Views/NewDesignScreen.js';
import MySketchbookScreen from './app/Views/SketchbookScreen.js';
import ProfileScreen from './app/Views/ProfileScreen.js';
import LoginScreen from './app/Views/LoginScreen.js';
import MyClosetScreen from './app/Views/MyClosetScreen.js';
import DesignsScreen from './app/Views/DesignsScreen.js';
import ImportScreen from './app/Views/ImportScreen.js';
const baseURL = 'https://hohoho-backend.herokuapp.com';
//Screens
class MainScreen extends React.Component {
static navigationOptions = {
title: 'Home'
};
press() {
this.props.navigation.navigate('Home');
}
register() {
this.props.navigation.navigate('Register');
}
render() {
return (
<View style={styles.container}>
<Image
source={require('./app/img/closet_icon.png')}
style={styles.big_icon}
/>
<Text style={styles.welcome}>Welcome to My Closet</Text>
<TouchableOpacity onPress={ () => {this.press()} } style={[styles.button, styles.buttonGreen]}> Login Page
<Text style={styles.buttonLabel}>Login</Text>
</TouchableOpacity>
<TouchableOpacity style={[styles.button, styles.buttonBlue]} onPress={ () => {this.register()} }>
<Text style={styles.buttonLabel}>Register</Text>
</TouchableOpacity>
</View>
)
}
}
const MyApp = TabNavigator({
Designs: {
screen: DesignsScreen,
},
Closet: {
screen: MyClosetScreen,
},
Sketchbook: {
screen: MySketchbookScreen
},
Profile: {
screen: ProfileScreen,
},
AllClosets: {
screen: ClosetsScreen
}
}, {
tabBarOptions: {
activeTintColor: '#e91e63', //Tab icon color when active
},
});
//Export Navigator (Will be run first)
export default StackNavigator({
Home: {
// screen: LoginScreen,
screen: LoginScreen
},
NewDesign: {
screen: NewDesignScreen
},
Register: {
screen: RegisterScreen,
},
Import: {
screen: ImportScreen,
},
Tab: {
screen: MyApp,
// navigationOptions: {
// headerLeft:false,
// }
}
}, {initialRouteName: 'Home'});//start on home