鸿蒙APP实战案例分析——页面加载效果实现案例

往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）

鸿蒙（HarmonyOS）北向开发知识点记录~

鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~

鸿蒙应用开发与鸿蒙系统开发哪个更有远景？

嵌入式开发适不得当做鸿蒙南向开发？看完这篇你就相识了~

对于大前端开发来说，转鸿蒙开发究竟是福照旧祸？

鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

记录一场鸿蒙开发岗位面试履历~

连续更新中……

<hr> 先容

本示例先容Stack堆叠组件和LoadingProgress加载组件模拟初次进入页面实现页面加载的效果。加载完成后，LoadingProgress组件会消失并展示加载结果页（即商品页）。
效果图预览

使用说明

• 进入页面开始加载，加载完成后显示整个界面。
  

实现思路

• 为了实如今页面初次加载时即展现出加载提示效果，预先界说了一个布尔类型的变量isLoading，并将其初始值设定为true。在页面加载初期，这一变量状态将触发加载页的显现，转达数据正在加载的即时信息。
  

1. build() {
2.    
3.   Stack() {
4.    
5.     if (this.isLoading) {
6.    
7.       // 加载页
8.       LoadingHUD(

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。