This repository has been archived by the owner on Jul 13, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
114 lines (105 loc) · 2.58 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
113
114
import React from 'react';
import thunk from 'redux-thunk';
import { createBottomTabNavigator, createStackNavigator } from 'react-navigation';
import { applyMiddleware, createStore } from 'redux';
import { Ionicons } from '@expo/vector-icons';
import { Platform, StyleSheet, Text, View } from 'react-native';
import { Provider } from 'react-redux';
import ConfigurableStatusBar from './components/ConfigurableStatusBar';
import DeckList from './components/DeckList';
import DeckShow from './components/DeckShow';
import NewCard from './components/NewCard';
import NewDeck from './components/NewDeck';
import Quiz from './components/Quiz';
import reducer from './reducers';
import { setLocalNotification } from './utils/notifications';
import { green, white } from './utils/colors';
const store = createStore(reducer, applyMiddleware(thunk));
const Tabs = createBottomTabNavigator({
DeckList: {
screen: DeckList,
navigationOptions: {
tabBarLabel: 'Decks',
tabBarIcon: ({ tintColor }) => <Ionicons name="ios-albums" size={30} color={tintColor} />
}
},
NewDeck: {
screen: NewDeck,
navigationOptions: {
tabBarLabel: 'New Deck',
tabBarIcon: ({ tintColor }) => <Ionicons name="ios-add-circle" size={30} color={tintColor} />
}
}
}, {
navigationOptions: {
header: null
},
tabBarOptions: {
activeTintColor: green,
style: {
height: 56,
backgroundColor: white,
shadowColor: 'rgba(0, 0, 0, 0.24)',
shadowOffset: {
height: 3,
width: 0
},
shadowOpacity: 1,
shadowRadius: 6
}
}
});
const MainNavigator = createStackNavigator({
Home: {
screen: Tabs,
navigationOptions: {
header: null
}
},
DeckShow: {
screen: DeckShow,
navigationOptions: {
headerStyle: {
backgroundColor: green
},
headerTintColor: white
}
},
NewCard: {
screen: NewCard,
navigationOptions: {
headerStyle: {
backgroundColor: green
},
headerTintColor: white,
title: 'Add Card'
}
},
Quiz: {
screen: Quiz,
navigationOptions: {
headerStyle: {
backgroundColor: green
},
headerTintColor: white
}
}
});
export default class App extends React.Component {
componentDidMount() {
setLocalNotification();
}
render() {
return (
<Provider store={store}>
<View style={{ flex: 1 }}>
<ConfigurableStatusBar
backgroundColor={green}
barStyle='light-content'
/>
<MainNavigator />
</View>
</Provider>
);
}
}