List of react-native StyleSheet properties and options

Question

I\'ve been searching the web for a list of all the possible react-native StyleSheet options and their values. Not to be found, does anyone have a link to such a documentatio

Answer 1

Here they are, separated by component type:

View

Image

Text

Flexbox

Transform

Where you see enum in the documentation, for example on the Text style documentation page:

fontStyle enum('normal', 'italic')
fontWeight enum("normal", 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')

These usually closely resemble css properties you would find on the web.

---

UPDATE

As answered below by @muhammad-hannan, you can also find the full layout properties list there.

Answer 2

I know this has been answered but since last updates things have been changed. The updated stylesheet properties can be found below, which are now called layout props now:

https://facebook.github.io/react-native/docs/layout-props.html

Layout Props List:

marginHorizontal
alignContent
alignSelf
aspectRatio
borderBottomWidth
borderEndWidth
borderLeftWidth
borderRightWidth
borderStartWidth
borderTopWidth
borderWidth
bottom
display
end
flex
flexBasis
flexDirection
flexGrow
flexShrink
flexWrap
height
justifyContent
left
margin
marginBottom
marginEnd
alignItems
marginLeft
marginRight
marginStart
marginTop
marginVertical
maxHeight
maxWidth
minHeight
minWidth
overflow
padding
paddingBottom
paddingEnd
paddingHorizontal
paddingLeft
paddingRight
paddingStart
paddingTop
paddingVertical
position
right
start
top
width
zIndex
direction