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

相关推荐
linweidong1 小时前
C++ 模块化编程(Modules)在大规模系统中的实践难点?
linux·前端·c++
leobertlan5 小时前
2025年终总结
前端·后端·程序员
子兮曰5 小时前
OpenClaw架构揭秘:178k stars的个人AI助手如何用Gateway模式统一控制12+通讯频道
前端·javascript·github
百锦再6 小时前
Reactive编程入门:Project Reactor 深度指南
前端·javascript·python·react.js·django·前端框架·reactjs
莲华君6 小时前
React快速上手:从零到项目实战
前端·reactjs教程
百锦再6 小时前
React编程高级主题:测试代码
android·前端·javascript·react.js·前端框架·reactjs
易安说AI6 小时前
Ralph Loop 让Claude无止尽干活的牛马...
前端·后端
失忆爆表症8 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录8 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜8 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试