CODEWITHSUNDEEP
cssreact-nativeflexboxreact-native-flexbox
Ivan Chernykh
Ivan Chernykh

Reputation: 42166

Flex direction: row-reverse in react-native

How can i reproduce flex-direction: row-reverse in React-Native? When in element' style i'm doing:

 flexDirection: 'row-reverse'

i'm getting error:

Invalid prop flexDirection of value row-reverse supplied to StyleSheet

UPDATE: They just added it in version 0.29.0 :)

Upvotes: 6

Views: 11756

Answers (2)

Rajat Jain
Rajat Jain

Reputation: 1415

You can use flexDirection property and give it a value 'row-reverse' with new version.

Sample code:

flexDirection: 'row-reverse'

Proof: enter image description here

Upvotes: 0

Michael Benjamin
Michael Benjamin

Reputation: 371113

UPDATE

As of v29, React Native provides support for reverse flex directions in Android and iOS. https://github.com/facebook/react-native/releases/tag/v0.29.0

ORIGINAL ANSWER

There is no row-reverse or column-reverse in react-native.

See this table of supported attributes:

enter image description here

https://github.com/facebook/css-layout

Upvotes: 12

Related Questions