From ae95c3d9db409e72806b843b16a5c648d2f62ece Mon Sep 17 00:00:00 2001 From: hupeng Date: Sat, 2 Mar 2019 11:23:35 +0800 Subject: [PATCH] =?UTF-8?q?[=E6=A0=B7=E5=BC=8F][=E4=BF=AE=E6=94=B9]:?= =?UTF-8?q?=E8=B0=83=E6=95=B4APP=E6=95=B4=E4=BD=93=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.js | 66 +++++++++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 54 insertions(+), 12 deletions(-) diff --git a/App.js b/App.js index b577e4c..1b22586 100644 --- a/App.js +++ b/App.js @@ -138,23 +138,40 @@ render() { + + + - - - + + + + + + + + + + + + + + + + + ); @@ -162,11 +179,15 @@ render() { } const styles = StyleSheet.create({ + + //layer background container:{ flex: 1, paddingLeft: 16, paddingRight: 16 }, + + //layer top title:{ flex: 6, flexDirection: 'row', @@ -185,39 +206,60 @@ render() { alignItems: 'center', backgroundColor:'transparent' }, + + //layer title titleImagePlace: { flex: 2, + paddingTop: '20%', + paddingLeft: '10%', alignItems: 'center', backgroundColor:'transparent' }, titleImage: { + width:'100%', + height:'100%', flex: 1, - alignItems:'center', backgroundColor:'transparent' }, titleQrcode: { + width:'100%', + height:'100%', flex: 1, backgroundColor:'transparent' }, + + //layer bottom bottomLogo: { - flex: 2, - alignItems: 'center', + flex: 50, + width:'100%', + height:'100%', backgroundColor:'transparent' }, bottomQrcode1: { - flex: 1, - alignItems: 'center', + flex: 30, + width:'100%', + height:'100%', backgroundColor:'transparent' }, bottomQrcode2: { - flex: 1, - alignItems: 'center', + flex: 30, + width:'100%', + height:'100%', backgroundColor:'transparent' }, bottomPlacehold: { - flex: 6, + flex: 180, + width:'100%', + height:'100%', + backgroundColor:'transparent' + }, + + //layer content item + contentItem:{ + flex: 1, + flexDirection: 'column', alignItems: 'center', backgroundColor:'transparent' - } + }, });