Respond to your own flexible direction

Question

Typically on an excel sheet. We have lines as below

Row1
Row2
Row3

and type columns

column1  | column2 | column3

But why in native reaction when using flexDirection: 'column'window / text text is defined as

flexcolumn1
flexcolumn2
flexcolumn3

and when used, flexDirection: 'row'the window field / text is defined as

flexrow1  | flexrow2 | flexrow3

I find it strange and confused ... is it just a standard difference in responding on a native basis, or is there another concept behind this?

Answer 1

This has more to do with the Flexbox layout specification. https://www.w3.org/TR/css-flexbox-1/#flex-direction-property

, / . , . - , .

Answer 2

, :

column1_cell1
column1_cell2
column1_cell3

row1_cell1, row1_cell2, row1_cell3

"flex cells" , - .

Answer 3

. ( ), . flexDirection: 'row': ,               ( , )

Answer 4

docs:

Flexbox works similarly in React Native, as it does in CSS on the web, with a few exceptions. The defaults are different, with flexDirection used by default instead of a column, and the flex parameter only supports one number.