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

相关推荐
你真的可爱呀几秒前
uniapp学习【整体实践】
前端·学习·uni-app·实践
一枚前端小能手7 分钟前
「周更第7期」实用JS库推荐:Vite
前端·javascript·vite
小中123424 分钟前
异步请求的性能提升
前端
我是天龙_绍25 分钟前
渐变层生成器——直接用鼠标拖拽就可以调整渐变层的各种参数,然后可以导出为svg格式
前端
我是天龙_绍1 小时前
Easing 曲线 easings.net
前端
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,电影之家小程序项目知识点详解 (17)
前端·javascript·学习·微信小程序·小程序·前端框架·vue
訾博ZiBo1 小时前
React组件复用导致的闪烁问题及通用解决方案
前端
Dever1 小时前
记一次 CORS 深水坑:开启 withCredentials 后Response headers 只剩 content-type
前端·javascript
临江仙4551 小时前
流式 Markdown 渲染在 AI 应用中的应用探秘:从原理到优雅实现
前端·vue.js
Hilaku1 小时前
为什么我开始减少逛技术社区,而是去读非技术的书?
前端·javascript·面试