在 uni-app 中,`uni.hideNavigationBarLoading()` 方法用于停止显示在页面导航栏中的加载动画。

在 uni-app 中,uni.hideNavigationBarLoading() 方法用于停止显示在页面导航栏中的加载动画。通常与 uni.showNavigationBarLoading() 配对使用,用来在数据加载或其他异步操作结束后,给用户一个明确的反馈,表示操作已经完成。

使用说明

此方法没有必要接受任何参数,因为它的作用是全局性的,即隐藏当前页面导航栏的加载动画。

API 结构

javascript 复制代码
uni.hideNavigationBarLoading();

示例代码

以下是一个示例,展示了如何在数据加载完成后调用 uni.hideNavigationBarLoading 方法来隐藏加载动画:

javascript 复制代码
uni.showNavigationBarLoading(); // 开始加载时显示加载动画

// 假设这里有一个数据请求或者长时间运行的任务
setTimeout(() => {
  // 假设任务完成,隐藏加载动画
  uni.hideNavigationBarLoading(); // 结束加载时隐藏加载动画
}, 2000);

在实际应用中,你会在数据请求的回调函数中调用 uni.hideNavigationBarLoading(),而不是在 setTimeout 中。

请注意,uni.hideNavigationBarLoading() 的调用需要与 uni.showNavigationBarLoading() 成对出现,以确保界面逻辑的一致性。

更多信息请参阅 uni-app 官方文档

相关推荐
不好听6137 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus7 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
前端小李子8 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech8 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn9 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧10 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
qetfw12 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯12 小时前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能
a11177612 小时前
微光小屋-前端养成小游戏 开源项目
前端