我在做布局的时候,大部分时间看这个例子就够了,分享给大家。
Properties
To choose the right layout for a component's children, we must make 3 choices:
PropertyDefaultOptionsDescriptionflexDirection
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