Search code examples
cssreact-nativeflexboxreact-native-flexbox

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


Solution

  • 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