Flex direction: row-reverse in react-native

Question

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 :)

Lag

Answer 1

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:

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

Cassandracassandre

Answer 2

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

Sample code:

flexDirection: 'row-reverse'

Proof:

Tersanctus