React Native styling properties

List of known React Native specific styling properties.

Sources for supported properties:

• React Native repo
• react-native-styling-cheat-sheet
• css-to-react-native tests

Install

yarn add react-native-known-styling-properties --dev

or

npm install react-native-known-styling-properties --save-dev

API

To get list of all styling properties supported by React Native:

import { allProps } from "react-native-known-styling-properties";

To get list of all styling properties supported by css-to-react-native:

import { allCSS2RNProps } from "react-native-known-styling-properties";

The result is an array of supported styling properties:

allProps = [
  "alignItems",
  "alignSelf",
  "flex",
  "flexDirection",
  "flexWrap",
  ...
]

v1.3.0

• Added: support for borderBlockColor, transformOrigin, userSelect properties.
• Added: support for borderBlockEndColor, borderBlockStartColor, borderEndEndRadius, borderEndStartRadius, borderStartEndRadius, borderStartStartRadius properties.
• Removed: decomposedMatrix and transformMatrix properties.

v1.2.0

• Added: support for rowGap, columnGap, and gap properties.

v1.1.0

• Added: Add css-to-react-native prop placeContent to known props

v1.0.5

• Added: React Native specific aspectRatio property to known properties.

v1.0.4

• Added: textTransform property.

v1.0.3

• Fixed: Added missing "end" properties from React Native documentation.

v1.0.2

• Fixed: Added missing properties from React Native documentation.

v1.0.1

• Fixed: fix name allRN2CSSProps => allCSS2RNProps.

v1.0.0

• Intial release