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

Michael Benjamin · Accepted Answer · 2016-07-28T17:39:50.130

12

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.

edited Jul 28 '16 at 17:39

answered Jul 15 '16 at 23:07

Michael Benjamin

score 0 · Answer 2 · answered Aug 01 '23 at 08:57

0

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

Sample code:

flexDirection: 'row-reverse'

Proof:

answered Aug 01 '23 at 08:57

Rajat Jain

2 Answers2