-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
84 lines (78 loc) · 2.38 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
import React from 'react'
import { View, Platform } from 'react-native'
import AddEntry from './components/AddEntry'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import reducer from './reducers'
import History from './components/History'
import Live from './components/Live'
import { createAppContainer, createBottomTabNavigator, createMaterialTopTabNavigator } from 'react-navigation'
import { purple, white } from './utils/colors'
import { FontAwesome, Ionicons } from '@expo/vector-icons'
import { StatusBar } from 'react-native'
import Constants from "expo-constants"
import { setLocalNotification } from './utils/helpers'
function UdaciStatusBar ({ backgroundColor, ...props }) {
return (
<View style={{backgroundColor, height: Constants.statusBarHeight }}>
<StatusBar translucent backgroundColor={backgroundColor} {...props} />
</View>
)
}
const Tabs = {
History: {
screen: History,
navigationOptions: {
tabBarLabel: 'History',
tabBarIcon: ({ tintColor }) => <Ionicons name='ios-bookmarks' size={30} color={tintColor} />
},
},
AddEntry: {
screen: AddEntry,
navigationOptions: {
tabBarLabel: 'Add Entry',
tabBarIcon: ({ tintColor }) => <FontAwesome name='plus-square' size={30} color={tintColor} />
},
},
Live: {
screen: Live,
navigationOptions: {
tabBarLabel: 'Live',
tabBarIcon: ({ tintColor }) => <Ionicons name='ios-speedometer' size={30} color={tintColor} />
},
},
}
const navigationOptions = {
tabBarOptions: {
activeTintColor: Platform.OS === 'ios' ? purple : white,
style: {
height: 56,
backgroundColor: Platform.OS === 'ios' ? white : purple,
shadowColor: 'rgba(0, 0, 0, 0.24)',
shadowOffset: {
width: 0,
height: 3
},
shadowRadius: 6,
shadowOpacity: 1
}
}
}
const TabNav = createAppContainer(Platform.OS === 'ios'
? createBottomTabNavigator(Tabs, navigationOptions)
: createMaterialTopTabNavigator(Tabs, navigationOptions))
export default class App extends React.Component {
componentDidMount() {
setLocalNotification()
}
render() {
return (
<Provider store={createStore(reducer)}>
<View style={{flex: 1}}>
<UdaciStatusBar backgroundColor={purple} barStyle='light-content' />
<TabNav />
</View>
</Provider>
)
}
}