16、使用 Angular 构建多语言 NativeScript 应用程序

使用 Angular 构建多语言 NativeScript 应用程序

1. NativeScript UI 布局容器探索

NativeScript 提供了一个递归布局系统，用于在屏幕上调整视图的大小和位置。布局过程分为测量和布局两个阶段，每个视图都有测量和布局方法，每个布局容器也有自己的 onMeasure 和 onLayout 方法来实现特定布局。NativeScript 提供了六种不同的布局容器，以下是简要介绍：
- 绝对布局（Absolute Layout） ：类似于 CSS 中的绝对定位，子元素相对于页面左上角定位。例如：

<AbsoluteLayout>
    <Label text="Start from top left" width="100%" top="10"
     height="90" backgroundColor="yellow"></Label>
    <Label text="Start from below the above element" width="100%"
     top="110" height="90" backgroundColor="red" color="white"></Label>
</AbsoluteLayout>

在这个例子中，第一个元素从顶部 10 像素和左侧 10 像素开始，第二个元素从顶部 110 像素和左侧 10 像素开始。绝对布局是 Native