我在做布局的时候,大部分时间看这个例子就够了,分享给大家。
Properties
To choose the right layout for a component's children, we must make 3 choices:
Property | Default | Options | Description |
---|---|---|---|
flexDirection | column | row, column | Do we want a vertical (column ) or horizontal (row ) layout? This choice determines the orientation of the primary axis of our layout. |
justifyContent | flex-start | flex-start, center, flex-end, space-around, space-between | How should the content be distributed along the primary axis of our layout? Should it be at the start, the center, the end, or spaced evenly? |
alignItems | stretch | flex-start, center, flex-end, stretch | How should the content be aligned along the secondary axis of our layout? (If the primary axis is row , then the secondary axis is column , and vice versa) Should content be aligned at the start, the center, the end, or stretched to fill? |
一个非常简单明了的例子
https://www.reactnative.express/core_components/layout