2017-04-12 85 views
3

一般在Excel中sheet..we有像下面反应本土屈曲方向

Row1 
Row2 
Row3 

和列像

column1 | column2 | column3 

但为什么在使用flexDirection: 'column'框的/文本时反应本地定义行作为

flexcolumn1 
flexcolumn2 
flexcolumn3 

,并使用flexDirection: 'row'当框的/文本被定义为

flexrow1 | flexrow2 | flexrow3 

我觉得这很奇怪,越来越困惑......这只是标准差异,在反应原生或有不同的背后呢?

+0

为什么你甚至将excel与React-native进行比较:D无论如何,flexDirection指向内部组件的打包方式。在一行或在一列中。 –

回答

0

这与Flexbox布局规格有关。 https://www.w3.org/TR/css-flexbox-1/#flex-direction-property

将其看作是一个容器,以及容器内物品的放置/流动方式。如果方向是排,那么它内部的物品将沿水平方向流动。如果方向是列,那么它内部的物品将沿垂直方向流动。

0

我想是指这样的:

column1_cell1 
column1_cell2 
column1_cell3 

row1_cell1, row1_cell2, row1_cell3 

在第一个例子中所有的“柔性电池”是在一列,在其他的他们都在一行。

0

只是一个小窍门。 在列内部,元素从顶部到底部(或从底部到顶部)显示,这就是弹性框的默认对齐方式。 flexDirection:“行”:意味着你在显示部件形式左至右 (或从右到左您是否使用行反向与否)

0

docs

Flexbox的工作原理相同React Native的方式与Web上的CSS方式相同,只有少数例外。默认值不同,flexDirection默认为列而不是行,flex参数只支持单个数字。