-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathNotificationsScreen.js
69 lines (65 loc) · 1.42 KB
/
NotificationsScreen.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
import React from 'react';
import {
Image,
Platform,
ScrollView,
StyleSheet,
Text,
TouchableOpacity,
View,
Dimensions,
Button
} from 'react-native';
export default class NotificationsScreen extends React.Component {
static navigationOptions = {
header: null,
drawerLabel: 'Notifications',
};
render() {
return (
<View style={styles.container}>
<View style={styles.buttonAndHeader}>
<View style={styles.button}>
<TouchableOpacity onPress={() => this.props.navigation.navigate('HomeScreen')}>
<Image style = {styles.backButton}
source={require('./img/back.png')} />
</TouchableOpacity>
</View>
<View style={styles.header}>
<Text style={styles.notificationHeader}>Notifications</Text>
</View>
</View>
<View style={styles.notifications}>
</View>
</View>
);
}
}
const window = Dimensions.get('window');
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#191979',
},
rest: {
alignItems: 'center',
margin: 50,
},
notificationHeader: {
alignItems: 'center',
fontSize: 30,
fontFamily: 'Avenir',
color: '#fff',
},
buttonAndHeader: {
flex: 1,
flexDirection: 'row',
padding: 20,
},
backButton: {
width: 24,
height: 24,
margin: 10,
marginRight: 20,
},
});