Row1
Row2
Row3
Same as columns
column1 | column2 | column3
But why is it reacting natively when using flexDirection: the’column’ box/ The text is defined as
flexcolumn1
flexcolumn2
flexcolumn3
When using flexDirection:’row’, the box/text is defined For
flexrow1 | flexrow2 | flexrow3
I found this very strange and confusing… This is just a standard difference in local response or there is a difference behind it concept?
Think of it as a container and how the items are placed/flowed into the container. If the direction is row, the items inside it are horizontal Direction flow. If the direction is a column, the items in it flow in the vertical direction.
Generally in an excel sheet.. We have the following lines
Row1
Row2
Row3
Same as column
column1 | column2 | column3
But why react native when using flexDirection:’column’ box/text is defined as
flexcolumn1
flexcolumn2
flexcolumn3
When using flexDirection:’row’, the box/text is defined as
flexrow1 | flexrow2 | flexrow3
I found This is strange and confusing… Is this just a standard difference in local response or is there a different concept behind it?
It is more related to the Flexbox layout specification. https://www.w3.org/TR/css-flexbox-1/#flex-direction -property
Think of it as a container and how the items are placed/flowed into the container. If the direction is a row, the items inside it flow in the horizontal direction. If the direction is a column, then the items in it Flow in the vertical direction.