index.js
2.46 KB
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
100
101
102
103
104
105
106
107
108
109
110
111
112
import React, { Component } from "react";
import {
StyleSheet,
WebView,
View,
Image,
Dimensions,
ScrollView,
Text,
Clipboard,
TouchableOpacity
} from "react-native";
import { StackNavigator, TabNavigator } from "react-navigation";
export default class Discover extends Component {
constructor(props) {
super(props);
this.state = {
image: "",
word: "",
};
}
handleCopyPress(string) {
Clipboard.setString(string);
}
componentWillMount() {
this.getImages();
}
getImages() {
let that = this,
id = this.state.id,
model = this.state.model;
return fetch(`https://devpay.brae.co/test/insurance/wallpaper`, {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json"
}
})
.then(resp => {
console.log("大爷", resp);
if (resp.status === 200) {
return resp.json();
} else {
console.error("something went wrong!");
}
})
.then(respJson => {
if (respJson.enmsg != "ok") {
alert(respJson.cnmsg);
} else {
that.setState({
image: respJson.data.image,
word: respJson.data.word
});
console.log("图片文章", respJson.data);
}
});
}
render() {
const { image,word } = this.state;
return (
<View style={styles.container}>
<Image
style={styles.image}
source={{ uri: image }}
resizeMode="contain"
>
<Text selectable={true} style={styles.word}>
{word}
</Text>
<TouchableOpacity style={styles.button} onPress={() => {this.handleCopyPress(word)}}>
<Text style={styles.buttonText}>复制文案</Text>
</TouchableOpacity>
</Image>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "white"
},
image: {
width: Dimensions.get("window").width,
height: Dimensions.get("window").height,
justifyContent: "center",
alignItems: "center"
},
word: {
marginLeft: 15,
marginRight: 15,
fontSize: 15,
lineHeight: 25,
color: "white",
backgroundColor: "rgba(0,0,0,0)"
},
button: {
width: 80,
height: 40,
marginTop: 20,
backgroundColor: "rgba(0,0,0,0.2)",
justifyContent: "center",
alignItems: "center",
borderRadius: 5,
},
buttonText: {
color: "white",
}
});