|
@@ -1,13 +1,7 @@
|
1
|
1
|
//@flow
|
2
|
|
-import React, {
|
3
|
|
- Component,
|
4
|
|
- PropTypes,
|
5
|
|
-} from "react";
|
6
|
|
-import {
|
7
|
|
- Text,
|
8
|
|
- TouchableOpacity,
|
9
|
|
- StyleSheet,
|
10
|
|
-} from "react-native";
|
|
2
|
+import React, { Component } from "react";
|
|
3
|
+import PropTypes from "prop-types";
|
|
4
|
+import { Text, TouchableOpacity, StyleSheet } from "react-native";
|
11
|
5
|
|
12
|
6
|
const styles = StyleSheet.create({
|
13
|
7
|
root: {
|
|
@@ -17,22 +11,20 @@ const styles = StyleSheet.create({
|
17
|
11
|
color: "#36f",
|
18
|
12
|
borderWidth: 1,
|
19
|
13
|
borderColor: "#36f",
|
20
|
|
- fontSize: 12,
|
|
14
|
+ fontSize: 12
|
21
|
15
|
}
|
22
|
16
|
});
|
23
|
17
|
|
24
|
18
|
export default class Btn extends Component {
|
25
|
19
|
static propTypes = {
|
26
|
20
|
onPress: PropTypes.func.isRequired,
|
27
|
|
- label: PropTypes.string.isRequired,
|
|
21
|
+ label: PropTypes.string.isRequired
|
28
|
22
|
};
|
29
|
|
- render () {
|
|
23
|
+ render() {
|
30
|
24
|
const { onPress, label } = this.props;
|
31
|
25
|
return (
|
32
|
26
|
<TouchableOpacity onPress={onPress}>
|
33
|
|
- <Text style={styles.root}>
|
34
|
|
- {label}
|
35
|
|
- </Text>
|
|
27
|
+ <Text style={styles.root}>{label}</Text>
|
36
|
28
|
</TouchableOpacity>
|
37
|
29
|
);
|
38
|
30
|
}
|