React Native 中布局入门

我在做布局的时候，大部分时间看这个例子就够了，分享给大家。

 

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