-
Notifications
You must be signed in to change notification settings - Fork 11
/
OlderButton.js
66 lines (58 loc) · 1.39 KB
/
OlderButton.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
import React, { Component } from 'react-native';
var {
StyleSheet,
Text,
View,
TouchableHighlight
} = React;
class OlderButton extends Component {
handlerPress(e) {
if (!this.props.canPress) return;
this.props.onPressHandler();
}
render() {
var underlayColor = this.props.canPress ? '#237B65' : '#f6f6f6';
var btnStyles = this.props.canPress ? styles.olderButtonCanPress : styles.olderButtonCannotPress;
var btnTextStyles = this.props.canPress ? styles.btnNameCanPress : styles.btnNameCannotPress;
return (
<TouchableHighlight
style={btnStyles}
activeOpacity={1}
animationVelocity={0}
underlayColor={underlayColor}
onPress={(e) => this.handlerPress(e)}
>
<Text style={btnTextStyles}>
长
</Text>
</TouchableHighlight>
);
}
}
var styles = StyleSheet.create({
olderButtonCannotPress: {
padding: 30,
flex: 1,
justifyContent: 'flex-end',
alignItems: 'flex-end',
backgroundColor: '#f6f6f6',
borderWidth: .5,
borderColor: '#e6e6e6'
},
olderButtonCanPress: {
padding: 30,
flex: 1,
justifyContent: 'flex-end',
alignItems: 'flex-end',
backgroundColor: '#35A084',
borderWidth: .5,
borderColor: '#35A084'
},
btnNameCannotPress: {
color: '#ccc'
},
btnNameCanPress: {
color: '#fff'
}
});
export default OlderButton;