Number in @emotion/native does not work

Current behavior:

If I pass a number to styled, it doesn’t work. I need to use toString()

styled.View`
  height:  ${{ paddingTop }: { paddingTop: number }) => props.paddingTop.toString()}px;
`

Expected behavior:

styled.View`
  height:  ${{ paddingTop }: { paddingTop: number }) => props.paddingTop}px;
`

Environment information:

• react version: 16.9.0
• react-native version: 0.61.2
• emotion version: 10.0.20

https://snack.expo.io/H1xW-yR_S

[Andarist]

Ok, so I’ve debugged this a little bit and it seems that StyleSheet.create outputs an object with numbers as values and currently, we allow for interpolating those values (numbers) - so it’s hard to differentiate between those special numbers and regular ones (like in your case).

The native library was developed by @nitin42 , maybe he could take a look at this or at least clarify if this is intended, how he believes it should work etc.

[imcvampire]

Hi @nitin42, do you have any update for this problem?

Thank you!