New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-native-view

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-view - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

2

package.json
{
"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 @@ | ------ | ------ |

@@ -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(),

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc