页面布局

在移动端布局不同于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:指定次轴排列,默认为起始位置

复杂页面布局

results matching ""

    No results matching ""