react-native尺寸都是無(wú)單位的，表示的是與設(shè)備像素密度無(wú)關(guān)的邏輯像素點(diǎn)。這樣的話，在不同屏幕尺寸下表現(xiàn)一致。（參考：設(shè)備像素、設(shè)備獨(dú)立像素）
react-native指定組件大小可以是：
1、使用width height指定固定的大?。?br> 2、使用flex彈性布局（使用前提是：父容器尺寸不為0）。

布局樣式相關(guān)屬性：

一般常用的像margin、padding就不列舉了，只列舉新增的幾個(gè)屬性：
1、paddingHorizontal、paddingVertical、marginHorizontal、marginVertical（同時(shí)指定top+bottom或者left+right）。
2、flex布局相關(guān)：

flex：number
flexDirection：row | column | row-reverse | column-reverse 布局方向
justifyContent：flex-start | flex-end | center | space-between | space-around 主軸排列方式
alignItems： flex-start | flex-end | center | stretch 次軸排列方式
alignSelf：取值同上，多一個(gè)auto；自己沿次軸的排列方式，覆蓋父元素的設(shè)置
flexWrap：wrap | nowrap 子元素的換行方式：彈性布局默認(rèn)是單行的，nowrap代表不換行，wrap代表多行。

補(bǔ)充CSS3的知識(shí)：

彈性盒子：含彈性容器（display：flex | inline-flex）+彈性子元素。常用屬性：
（某些屬性設(shè)置為auto，可以實(shí)現(xiàn)居中 或者 占據(jù)剩余空間。）

//某些屬性設(shè)置為auto，可以實(shí)現(xiàn)居中 或者 占據(jù)剩余空間
display: flex | inline-flex
flex: 3
flex-direction: 排列方向 定義主軸
flex-wrap: 子元素?fù)Q行方式
justify-content: 主軸方向?qū)R方式
align-items: 次軸方向?qū)R方式
align-content: 補(bǔ)充flex-wrap，指定多行排列的子元素對(duì)齊方式
align-self：覆蓋父元素的align-items
flex-flow: 同時(shí)指定flex-direction flex-wrap