页面生命周期
大约 1 分钟
页面生命周期
在页面JS文件中可以定义如下页面生命周期函数:
性 | 类型 | 描述 | 触发时机 |
---|---|---|---|
onInit | () => void | 页面初始化 | 页面数据初始化完成时触发,只触发一次。 |
onReady | () => void | 页面创建完成 | 页面创建完成时触发,只触发一次。 |
onPageShow | () => void | 页面显示 | 页面显示时触发。 |
onPageHide | () => void | 页面消失 | 页面消失时触发。 |
onDestroy | () => void | 页面销毁 | 页面销毁时触发。 |
onBackPress | () => boolean | 返回按钮动作 | 当用户点击返回按钮时触发。返回true表示页面自己处理返回逻辑。返回false表示使用默认的返回逻辑。不返回值会作为false处理。 |
onActive() | () => void | 页面激活 | 页面激活时触发。 |
onInactive()5+ | () => void | 页面暂停 | 页面暂停时触发。 |
onNewRequest()5+ | () => void | FA重新请求 | FA已经启动时收到新的请求后触发。 |
页面A的生命周期接口的调用顺序
- 打开页面A:onInit() -> onReady() -> onPageShow()
- 在页面A打开页面B:onPageHide()
- 从页面B返回页面A:onPageShow()
- 退出页面A:onBackPress() -> onPageHide() -> onDestroy()
- 页面隐藏到后台运行:onInactive() -> onPageHide()
- 页面从后台运行恢复到前台:onPageShow() -> onActive()
