3
3
View ,
4
4
Text ,
5
5
Image ,
6
+ Platform ,
7
+ ScrollView ,
6
8
StyleSheet
7
9
} from 'react-native' ;
8
10
@@ -63,38 +65,58 @@ class AboutPage extends Component {
63
65
}
64
66
65
67
renderUpdateItem ( ) {
66
- const tailIcon = < Icon
68
+ if ( Platform . OS === 'android' ) {
69
+ const tailIcon = < Icon
67
70
name = { "ios-arrow-round-forward" }
68
71
size = { 24 }
69
72
style = { [ CommonStyles . background_transparent ] } />
70
73
71
- return (
72
- < Panel
73
- title = "更新历史"
74
- onPress = { ( ) => this . props . router . push ( ViewPage . update ( ) ) }
75
- descr = { "这里可以查看更新历史记录" }
76
- tailControl = { tailIcon } />
77
- )
74
+ return (
75
+ < Panel
76
+ title = "更新历史"
77
+ onPress = { ( ) => this . props . router . push ( ViewPage . update ( ) ) }
78
+ descr = { "这里可以查看更新历史记录" }
79
+ tailControl = { tailIcon } />
80
+ )
81
+ }
78
82
}
83
+ renderFooterPatch ( ) {
84
+ return (
85
+ < View style = { styles . footerPatch } >
86
+ </ View >
87
+ )
88
+ }
89
+
79
90
80
91
renderCopyright ( ) {
81
92
return (
82
93
< View style = { [ ComponentStyles . pos_absolute , styles . footer ] } >
83
- < Text style = { [ CommonStyles . text_center , CommonStyles . m_b_4 , CommonStyles . text_muted ] } >
94
+ < Text style = { [ CommonStyles . text_center , CommonStyles . p_y_4 , CommonStyles . text_muted ] } >
84
95
{ Config . appInfo . copyright }
85
96
</ Text >
86
97
</ View >
87
98
)
88
99
}
89
-
90
- render ( ) {
100
+
101
+ renderContent ( ) {
91
102
return (
92
- < View style = { ComponentStyles . container } >
93
- { this . renderNavbar ( ) }
103
+ < ScrollView
104
+ showsVerticalScrollIndicator = { false }
105
+ showsHorizontalScrollIndicator = { false } >
94
106
{ this . renderAboutItem ( ) }
95
107
{ this . renderUpdateItem ( ) }
96
108
{ this . renderDeclareItem ( ) }
97
109
{ this . renderAuthorItem ( ) }
110
+ { this . renderFooterPatch ( ) }
111
+ </ ScrollView >
112
+ )
113
+ }
114
+
115
+ render ( ) {
116
+ return (
117
+ < View style = { ComponentStyles . container } >
118
+ { this . renderNavbar ( ) }
119
+ { this . renderContent ( ) }
98
120
{ this . renderCopyright ( ) }
99
121
</ View >
100
122
) ;
@@ -109,6 +131,9 @@ export const styles = StyleSheet.create({
109
131
} ,
110
132
footer :{
111
133
bottom : 0
134
+ } ,
135
+ footerPatch : {
136
+ height : 60
112
137
}
113
138
} ) ;
114
139
0 commit comments