2017-04-12 64 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參數只支持單個數字。