1
- import React from 'react' ;
1
+ import React from 'react'
2
2
import {
3
3
Image ,
4
4
Platform ,
@@ -7,20 +7,23 @@ import {
7
7
Text ,
8
8
TouchableOpacity ,
9
9
View ,
10
- } from 'react-native' ;
11
- import { WebBrowser } from 'expo' ;
10
+ } from 'react-native'
11
+ import { WebBrowser } from 'expo'
12
12
13
- import { MonoText } from '../components/StyledText' ;
13
+ import { MonoText } from '../components/StyledText'
14
14
15
15
export default class HomeScreen extends React . Component {
16
16
static navigationOptions = {
17
17
header :null ,
18
- } ;
18
+ }
19
19
20
20
render ( ) {
21
21
return (
22
22
< View style = { styles . container } >
23
- < ScrollView style = { styles . container } contentContainerStyle = { styles . contentContainer } >
23
+ < ScrollView
24
+ style = { styles . container }
25
+ contentContainerStyle = { styles . contentContainer }
26
+ >
24
27
< View style = { styles . welcomeContainer } >
25
28
< Image
26
29
source = {
@@ -35,33 +38,44 @@ export default class HomeScreen extends React.Component {
35
38
< View style = { styles . getStartedContainer } >
36
39
{ this . _maybeRenderDevelopmentModeWarning ( ) }
37
40
38
- < Text style = { styles . getStartedText } > Get started by opening </ Text >
41
+ < Text style = { styles . getStartedText } > CPS 客户端 </ Text >
39
42
40
- < View style = { [ styles . codeHighlightContainer , styles . homeScreenFilename ] } >
41
- < MonoText style = { styles . codeHighlightText } > screens/HomeScreen.js</ MonoText >
43
+ < View
44
+ style = { [ styles . codeHighlightContainer , styles . homeScreenFilename ] }
45
+ >
46
+ < MonoText style = { styles . codeHighlightText } >
47
+ screens/HomeScreen.js
48
+ </ MonoText >
42
49
</ View >
43
-
44
- < Text style = { styles . getStartedText } >
45
- Change this text and your app will automatically reload.
46
- </ Text >
47
50
</ View >
48
51
49
52
< View style = { styles . helpContainer } >
50
- < TouchableOpacity onPress = { this . _handleHelpPress } style = { styles . helpLink } >
51
- < Text style = { styles . helpLinkText } > Help, it didn’t automatically reload!</ Text >
53
+ < TouchableOpacity
54
+ onPress = { this . _handleHelpPress }
55
+ style = { styles . helpLink }
56
+ >
57
+ < Text style = { styles . helpLinkText } >
58
+ Help, it didn’t automatically reload!
59
+ </ Text >
52
60
</ TouchableOpacity >
53
61
</ View >
54
62
</ ScrollView >
55
63
56
64
< View style = { styles . tabBarInfoContainer } >
57
- < Text style = { styles . tabBarInfoText } > This is a tab bar. You can edit it in:</ Text >
65
+ < Text style = { styles . tabBarInfoText } >
66
+ This is a tab bar. You can edit it in:
67
+ </ Text >
58
68
59
- < View style = { [ styles . codeHighlightContainer , styles . navigationFilename ] } >
60
- < MonoText style = { styles . codeHighlightText } > navigation/MainTabNavigator.js</ MonoText >
69
+ < View
70
+ style = { [ styles . codeHighlightContainer , styles . navigationFilename ] }
71
+ >
72
+ < MonoText style = { styles . codeHighlightText } >
73
+ navigation/MainTabNavigator.js
74
+ </ MonoText >
61
75
</ View >
62
76
</ View >
63
77
</ View >
64
- ) ;
78
+ )
65
79
}
66
80
67
81
_maybeRenderDevelopmentModeWarning ( ) {
@@ -70,32 +84,34 @@ export default class HomeScreen extends React.Component {
70
84
< Text onPress = { this . _handleLearnMorePress } style = { styles . helpLinkText } >
71
85
Learn more
72
86
</ Text >
73
- ) ;
87
+ )
74
88
75
89
return (
76
90
< Text style = { styles . developmentModeText } >
77
- Development mode is enabled, your app will be slower but you can use useful development
78
- tools.{ learnMoreButton }
91
+ Development mode is enabled, your app will be slower but you can use
92
+ useful development tools.{ learnMoreButton }
79
93
</ Text >
80
- ) ;
94
+ )
81
95
} else {
82
96
return (
83
97
< Text style = { styles . developmentModeText } >
84
98
You are not in development mode, your app will run at full speed.
85
99
</ Text >
86
- ) ;
100
+ )
87
101
}
88
102
}
89
103
90
104
_handleLearnMorePress = ( ) => {
91
- WebBrowser . openBrowserAsync ( 'https://docs.expo.io/versions/latest/guides/development-mode' ) ;
92
- } ;
105
+ WebBrowser . openBrowserAsync (
106
+ 'https://docs.expo.io/versions/latest/guides/development-mode'
107
+ )
108
+ }
93
109
94
110
_handleHelpPress = ( ) => {
95
111
WebBrowser . openBrowserAsync (
96
112
'https://docs.expo.io/versions/latest/guides/up-and-running.html#can-t-see-your-changes'
97
- ) ;
98
- } ;
113
+ )
114
+ }
99
115
}
100
116
101
117
const styles = StyleSheet . create ( {
@@ -142,6 +158,7 @@ const styles = StyleSheet.create({
142
158
} ,
143
159
getStartedText :{
144
160
fontSize :17 ,
161
+ fontWeight :'bold' ,
145
162
color :'rgba(96,100,109, 1)' ,
146
163
lineHeight :24 ,
147
164
textAlign :'center' ,
@@ -185,4 +202,4 @@ const styles = StyleSheet.create({
185
202
fontSize :14 ,
186
203
color :'#2e78b7' ,
187
204
} ,
188
- } ) ;
205
+ } )