react-native-view
Advanced tools
Comparing version 1.0.2 to 1.1.0
{ | ||
"name": "react-native-view", | ||
"version": "1.0.2", | ||
"version": "1.1.0", | ||
"description": "A lightweight View component for React Native", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -96,2 +96,3 @@ # react-native-view | ||
By default paddings can be set using breakpoints: | ||
| name | value in px | | ||
@@ -98,0 +99,0 @@ | ------ | ------ | |
19
View.js
@@ -10,3 +10,3 @@ import React from 'react'; | ||
getPadding() { | ||
var { p, pl, pr, pt, pb, smp, mdp, lgp, xlp, | ||
let { p, pl, pr, pt, pb, smp, mdp, lgp, xlp, | ||
smpl, smpr, smpt, smpb, mdpl, mdpr, mdpt, mdpb, lgpl, lgpr, lgpt, lgpb, | ||
@@ -38,4 +38,4 @@ xlpr, xlpl, xlpt, xlpb } = this.props | ||
xlpt = xlpt ? xl : null | ||
var padding = smp || mdp || lgp || xlp || p | ||
var style = { | ||
const padding = smp || mdp || lgp || xlp || p | ||
return { | ||
padding, | ||
@@ -47,3 +47,2 @@ paddingTop: pt || smpt || mdpt || lgpt || xlpt || padding, | ||
} | ||
return style | ||
} | ||
@@ -53,3 +52,3 @@ | ||
const { row, vstart, vcenter, hcenter, vend, hstart, stretch, hend, spread, push, flex } = this.props | ||
var style = { flexDirection: row ? 'row' : "column" } | ||
let style = { flexDirection: row ? 'row' : "column" } | ||
@@ -60,3 +59,3 @@ if (flex) { | ||
var vprop = row ? 'alignItems' : "justifyContent" | ||
const vprop = row ? 'alignItems' : "justifyContent" | ||
if (vcenter) { | ||
@@ -72,3 +71,3 @@ style[vprop] = "center" | ||
var hprop = row ? "justifyContent" : 'alignItems' | ||
const hprop = row ? "justifyContent" : 'alignItems' | ||
if (hcenter) { | ||
@@ -97,3 +96,3 @@ style[hprop] = "center" | ||
const { w, h } = this.props | ||
var style = {} | ||
let style = {} | ||
@@ -111,3 +110,3 @@ if (w) { | ||
const { border } = this.props | ||
var style = {} | ||
let style = {} | ||
if (border) { | ||
@@ -130,3 +129,3 @@ var borderColor = border.color || "#000" | ||
return ( | ||
<RNView style={[{ | ||
<RNView {...this.props} style={[{ | ||
backgroundColor: bg, | ||
@@ -133,0 +132,0 @@ ...this.getBorderStyle(), |
45614
133
122