Have column reverse below column instead of on the diagonal (#4531)

* Have column reverse below column instead of on the diagonal

* Swapped row-reverse and column-reverse in non-versioned docs too

Author: bkowshik

docs/flexbox.md

@@ -78,7 +78,7 @@ const FlexDirectionBasics = () => {
   return (
     <PreviewLayout
       label="flexDirection"
-      values={['column', 'row', 'row-reverse', 'column-reverse']}
+      values={['column', 'row', 'column-reverse', 'row-reverse']}
       selectedValue={flexDirection}
       setSelectedValue={setflexDirection}>
       <View style={[styles.box, {backgroundColor: 'powderblue'}]} />
@@ -178,7 +178,7 @@ const FlexDirectionBasics = () => {
   return (
     <PreviewLayout
       label="flexDirection"
-      values={['column', 'row', 'row-reverse', 'column-reverse']}
+      values={['column', 'row', 'column-reverse', 'row-reverse']}
       selectedValue={flexDirection}
       setSelectedValue={setflexDirection}>
       <View style={[styles.box, {backgroundColor: 'powderblue'}]} />

website/versioned_docs/version-0.78/flexbox.md

@@ -78,7 +78,7 @@ const FlexDirectionBasics = () => {
   return (
     <PreviewLayout
       label="flexDirection"
-      values={['column', 'row', 'row-reverse', 'column-reverse']}
+      values={['column', 'row', 'column-reverse', 'row-reverse']}
       selectedValue={flexDirection}
       setSelectedValue={setflexDirection}>
       <View style={[styles.box, {backgroundColor: 'powderblue'}]} />
@@ -178,7 +178,7 @@ const FlexDirectionBasics = () => {
   return (
     <PreviewLayout
       label="flexDirection"
-      values={['column', 'row', 'row-reverse', 'column-reverse']}
+      values={['column', 'row', 'column-reverse', 'row-reverse']}
       selectedValue={flexDirection}
       setSelectedValue={setflexDirection}>
       <View style={[styles.box, {backgroundColor: 'powderblue'}]} />