[RN] Failed to parse declaration of padding

I have to use padding-vertical, padding-horizontal but I can’t use padding: [number];

Same for margin

Code example

const ComponentName = styled.View`
  padding: 5;  <--- this fails
`

[yordis]

@philpl I am new into RN but as far as I know there is no px in RN right? Isn’t everything without unit?

Why those px because now I am super confuse. I wouldn’t use any metric using regular Stylesheet.create

[kitten]

@yordis well, in fact, we’re basically removing complexity by making it more similar to vanilla CSS 😉 but that’s a matter of perspective.

The point is not that we do it because it’s a shorthand; We do it to differentiate between units inside shorthands. Otherwise we wouldn’t be able to recognise percentages and px values and be able to correctly translate them and split them up later.

Anyway, I hope I’ve helped you here, and feel free to checkout css-to-react-native if you have some suggestions or issues 😄