We should add validation for CSS properties that would generate invalid RN values and display a warning in the console for these values and preferably show the file and line number. This is useful for catching values that would behave unexpectedly in RN, especially when porting web assets.
Any size values that aren't ended with px (or if the unit is omitted). %, em, pt, etc.
Values that use 'auto' or calc(...)
Non-single value flex properties
line-height must end in px.
Unsupported properties, e.g. float, background, etc. This probably should be an optional flag to show individual properties on this. Ignore these properties with one warning per file if flag is not set.
Mixing properties that would not be supported on the same component.
This would be especially useful since the authors of many CSS assets probably won't know the supported styles of RN or intend their styling to be used in RN.
We should add validation for CSS properties that would generate invalid RN values and display a warning in the console for these values and preferably show the file and line number. This is useful for catching values that would behave unexpectedly in RN, especially when porting web assets.
line-heightmust end in px.This would be especially useful since the authors of many CSS assets probably won't know the supported styles of RN or intend their styling to be used in RN.