在 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 官方文档

相关推荐
玉宇夕落1 分钟前
🚀 从 HTML 到像素:浏览器渲染全流程揭秘(附性能优化实战)
前端·dom
西甲甲3 分钟前
chromium UI 简要解析
前端
Holin_浩霖10 分钟前
函数式编程实现简单的 Fiber 架构
前端
一枚前端小能手14 分钟前
📚 JavaScript 数据类型与数据结构全攻略 - 原始值、对象、Map/Set与弱引用实战
前端·javascript
JarvanMo36 分钟前
我的app被工信部下架了,现在想重新上架
前端
景早36 分钟前
小黑记账清单案例(axios,echarts,vue)
前端·vue.js·echarts
Mintopia37 分钟前
🌐 《GraphQL in Next.js 初体验》中文笔记
前端·后端·全栈
我穿棉裤了40 分钟前
使用css 给div添加四角线框
前端·css
Mintopia1 小时前
🤖 通用人工智能(AGI)离 Web 应用还有多远?
前端·javascript·aigc
JianZhen✓1 小时前
面试题名词解析一
前端