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' - } + }, });