页面布局
在移动端布局不同于Web端,在Web端,Window的大小一般不固定,而且可能随时发生变化。但在移动端,window的大小虽然和设备有关,但肯定不会随时发生变化,因此,在布局时,移动端布局稍简单。
在布局之前,我们首先需要补充一个概念:布局容器
<View id=1>
<View id=2></View>
<View id=3></View>
<View>
上述代码中,id为1的View组件便是布局容器,而id为2和3的View组件便是容器内的组件。布局容器可以决定容器内的组件布局方式。
设置元素大小
在进行页面布局之前,被布局元素的大小,确定布
布局基础
页面布局主要使用三个属性进行调整
- flexDirection:指定主轴方向,默认值为纵向
- justifyContent:指定主轴排列,默认为起始位置
- alignItems:指定次轴排列,默认为起始位置