常用组件

Column

沿垂直方向布局的容器组件

Row

沿水平方向布局的容器组件

Tabs

通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图

Swiper

滑块视图容器，提供子组件滑动轮播的能力，也可以被称为轮播图组件 跑马灯组件

Scroll

子组件超过Scroll组件的尺寸时(宽高都可以)内容可以滚动

Grid

网格容器组件 子组件只支持GridItem组件 可以设置几行几列 设置后GridItem组件就会根据设置排成网格 多用于APP页面中上图下文的快捷入口

Badge

可以附加在单个子组件上用于信息标记 也就是角标 基本就是用于消息未读条数

常用装饰器

@Entry

页面入口 一个页面只能有一个@Entry装饰器

@Component

装饰struct 使其拥有组件的能力 内部有且只能有一个build函数

@State

用来装饰变量 使其变为状态变量 只有状态变量可以引起UI的变化 必须有初始值

@Prop

用来接收父组件传入的值 跟父组件建立单向同步关系 @Prop装饰的变量可以修改但是无法同步回父组件 当父组件的值发生变化时, 子组件的值会被覆盖 可以不设置初始值

@Link

用来接受父组件传入的值 跟父组件建立双向同步关系 可以修改且会同步回父组件 可以理解为双向绑定 不能设置初始值

组件生命周期

aboutToAppear

aboutToAppear函数在创建自定义组件的新实例后，在执行其build()函数之前执行。允许在aboutToAppear函数中改变状态变量，更改将在后续执行build()函数中生效。一般在这发起网络请求

onPageShow

页面每次显示触发一次 包括路由过程 应用进入前台等场景 仅@Entry装饰的自定义组件生效。

onPageHide

页面每次隐藏时触发一次，包括路由过程、应用进入后台等场景，仅@Entry装饰的自定义组件生效。

onBackPress

当用户点击返回按钮 滑动返回时触发，返回值为Boolean 最后返回true表示自定义返回逻辑；返回false表示使用默认的路由返回逻辑，不设置返回值按照false处理。仅@Entry装饰的自定义组件生效

aboutToDisappear

在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量，特别是@Link变量的修改可能会导致应用程序行为不稳定。

页面生命周期

onPageShow

同上

onPageHide

同上

onBackPress

同上