我在做布局的时候，大部分时间看这个例子就够了，分享给大家。
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
