-
Notifications
You must be signed in to change notification settings - Fork 1
/
buttons.js
99 lines (96 loc) · 2.64 KB
/
buttons.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
const MK = require('react-native-material-kit');
import React, { Component } from 'react';
import {
AppRegistry,
Dimensions,
StyleSheet,
Text,
Image,
View,
TouchableHighlight
} from 'react-native';
import { Takepic } from './camera';
const {
MKButton,
MKColor,
} = MK;
const Fab = MKButton.coloredFab()
.withBackgroundColor(MKColor.Yellow)
.build();
export default class Emotions extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
How are you feeling today?
</Text>
<View>
<View style={styles.row}>
<Fab style={styles.Buttonstyle} onPress={() => {
console.warn('hi, raised button!');
}}>
<Image pointerEvents="none" source={require('./happy.png')} />
</Fab>
<Fab style={styles.Buttonstyle} onPress={() => {
console.warn('hi, raised button!');
}}>
<Image pointerEvents="none" source={require('./sad.png')} />
</Fab>
</View>
<View style={styles.row}>
<Fab style={styles.Buttonstyle} onPress={() => {
console.warn('hi, raised button!');
}}>
<Image pointerEvents="none" source={require('./surprise.png')} />
</Fab>
<Fab style={styles.Buttonstyle} onPress={() => {
console.warn('hi, raised button!');
}}>
<Image pointerEvents="none" source={require('./images/angry.png')} />
</Fab>
</View>
<View style={styles.row}>
<Fab style={styles.Buttonstyle} onPress={() => {
console.warn('hi, raised button!');
}}>
<Image pointerEvents="none" source={require('./disgusting.png')} />
</Fab>
<Fab style={styles.Buttonstyle} onPress={() => {
console.warn('hi, raised button!');
}}>
<Image pointerEvents="none" source={require('./images/fear.png')} />
</Fab>
</View>
<Text style={styles.Buttontext}>
SURPRISED
</Text>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
row: {
flexDirection: 'row',
flexWrap: 'wrap',
justifyContent: 'center'
},
Buttonstyle:{
justifyContent: 'center',
},
Buttontext:{
textAlign: 'center',
color: '#000000',
fontSize: 10,
}
});