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' },