diff --git a/App.js b/App.js
index b426065..bd912bc 100644
--- a/App.js
+++ b/App.js
@@ -7,6 +7,7 @@ import {
View,
Image,
ImageBackground,
+ PixelRatio,
NativeModules
} from 'react-native';
@@ -383,7 +384,7 @@ render() {
公众号
- {this.state.versionInfo}
+ {this.state.versionInfo}+{PixelRatio.get()}}
@@ -399,7 +400,7 @@ render() {
backgroundColor:'transparent',
textAlign :'center',
textAlignVertical:'center',
- fontSize: 24,
+ fontSize: 24*PixelRatio.get(),
color: 'darkblue'
},
@@ -415,8 +416,8 @@ render() {
flex: 6,
flexDirection: 'row',
alignItems: 'center',
- paddingLeft:16,
- paddingRight:16,
+ paddingLeft:16*PixelRatio.get(),
+ paddingRight:16*PixelRatio.get(),
backgroundColor:'transparent'
},
@@ -431,8 +432,8 @@ render() {
flex: 2,
flexDirection: 'row',
alignItems: 'center',
- paddingLeft:16,
- paddingRight:16,
+ paddingLeft:16*PixelRatio.get(),
+ paddingRight:16*PixelRatio.get(),
backgroundColor:'transparent'
},
@@ -475,24 +476,24 @@ render() {
//layer bottom
bottomLogoBackground: {
flex: 3,
- borderRadius:6,
- marginTop: 10,
- marginBottom: 10,
+ borderRadius:6*PixelRatio.get(),
+ marginTop: 10*PixelRatio.get(),
+ marginBottom: 10*PixelRatio.get(),
backgroundColor:'white'
},
bottomLogo: {
width:'100%',
height:'100%',
- borderRadius:10,
+ borderRadius:10*PixelRatio.get(),
backgroundColor:'transparent'
},
bottomQrcode1Background : {
flex: 1,
width:'100%',
height:'100%',
- marginLeft: 8,
- paddingTop: 10,
- paddingBottom: 4,
+ marginLeft: 8*PixelRatio.get(),
+ paddingTop: 10*PixelRatio.get(),
+ paddingBottom: 4*PixelRatio.get(),
flexDirection: 'column',
backgroundColor:'transparent'
},
@@ -501,9 +502,9 @@ render() {
flex: 1,
width:'100%',
height:'100%',
- marginLeft: 8,
- paddingTop: 10,
- paddingBottom: 4,
+ marginLeft: 8*PixelRatio.get(),
+ paddingTop: 10*PixelRatio.get(),
+ paddingBottom: 4*PixelRatio.get(),
flexDirection: 'column',
backgroundColor:'transparent'
},
@@ -526,7 +527,7 @@ render() {
flex: 1,
textAlign :'center',
textAlignVertical:'center',
- fontSize: 6,
+ fontSize: 6*PixelRatio.get(),
color : 'black',
backgroundColor:'transparent'
},
@@ -535,7 +536,7 @@ render() {
flex: 1,
textAlign :'center',
textAlignVertical:'center',
- fontSize: 6,
+ fontSize: 6*PixelRatio.get(),
color : 'black',
backgroundColor:'transparent'
},
@@ -547,7 +548,7 @@ render() {
backgroundColor:'transparent',
textAlign :'right',
textAlignVertical:'bottom',
- fontSize: 10,
+ fontSize: 10*PixelRatio.get(),
color : 'gray'
},
@@ -570,8 +571,8 @@ render() {
},
contentItemUpLayer:{
- width:80,
- height:58,
+ width:80*PixelRatio.get(),
+ height:58*PixelRatio.get(),
position:'absolute',
backgroundColor:'transparent'
},
@@ -580,9 +581,9 @@ render() {
flex: 3,
width:'100%',
height:'100%',
- paddingLeft: 25,
- paddingRight: 20,
- paddingTop: 15,
+ paddingLeft: 25*PixelRatio.get(),
+ paddingRight: 20*PixelRatio.get(),
+ paddingTop: 15*PixelRatio.get(),
flexDirection: 'row',
alignItems: 'center',
backgroundColor:'transparent'
@@ -592,9 +593,9 @@ render() {
flex: 1,
width:'100%',
height:'100%',
- paddingLeft: 25,
- paddingRight: 20,
- paddingBottom: 15,
+ paddingLeft: 25*PixelRatio.get(),
+ paddingRight: 20*PixelRatio.get(),
+ paddingBottom: 15*PixelRatio.get(),
flexDirection: 'row',
alignItems: 'center',
backgroundColor:'transparent'
@@ -605,7 +606,7 @@ render() {
flex: 5,
width:'100%',
height:'100%',
- borderRadius:10,
+ borderRadius:10*PixelRatio.get(),
backgroundColor:'transparent'
},
@@ -613,8 +614,8 @@ render() {
flex: 6,
width:'100%',
height:'100%',
- paddingLeft: 10,
- paddingRight: 30,
+ paddingLeft: 10*PixelRatio.get(),
+ paddingRight: 30*PixelRatio.get(),
alignItems: 'center',
backgroundColor:'transparent'
},
@@ -635,14 +636,14 @@ render() {
backgroundColor:'transparent',
textAlign :'center',
textAlignVertical:'center',
- fontSize: 10,
+ fontSize: 10*PixelRatio.get(),
fontWeight : 'bold'
},
contentItemBottomPlacehold:{
flex: 6,
- paddingLeft: 10,
- paddingRight: 30,
+ paddingLeft: 10*PixelRatio.get(),
+ paddingRight: 30*PixelRatio.get(),
width:'100%',
height:'100%',
backgroundColor:'transparent',
@@ -666,7 +667,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'center',
- fontSize: 20,
+ fontSize: 20*PixelRatio.get(),
color: 'darkgray'
},
@@ -677,7 +678,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'center',
- fontSize: 10,
+ fontSize: 10*PixelRatio.get(),
color : 'gray'
},
@@ -701,7 +702,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'bottom',
- fontSize: 32,
+ fontSize: 32*PixelRatio.get(),
color : 'red'
},
@@ -709,7 +710,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'bottom',
- fontSize: 10,
+ fontSize: 10*PixelRatio.get(),
color : 'red'
},
@@ -726,7 +727,7 @@ render() {
backgroundColor:'transparent',
textAlign :'left',
textAlignVertical:'bottom',
- fontSize: 10,
+ fontSize: 10*PixelRatio.get(),
textDecorationLine: 'line-through',
color : 'gray'
},