uni-app 动态控制下拉刷新
2024-08-31 18:14:46
扫码查看原文,搜索uni-app 动态控制下拉刷新:
前置条件:
开发环境:windows
开发框架:uni-app , H5+,nativeJS
编辑器:HbuilderX 2.8.13
4.兼容版本:安卓,IOS已作测试
此代码可以直接复制到uni-app项目中使用
正文开始:
1. 首先,在 pages.json 中配置目标页面的 style->enablePullDownRefresh 为 true。
page.json代码如下:
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"enablePullDownRefresh": true
}
}
2. 在具体逻辑页面:获取当前 Webview 窗口对象
onst pages = getCurrentPages();
const page = pages[pages.length - 1];
const currentWebview = page.$getAppWebview();
2. 1 根据状态值来切换禁用/开启下拉刷新
let isreload=false
currentWebview.setStyle({
pullToRefresh: {
// false关闭下拉刷新;isreload可使用变量动态赋值
support: isreload,
style: plus.os.name === 'Android' ? 'circle' : 'default'
}
});
这里调用 plus 的 API,是在条件编译下进行的
3. 注意事项
此功能仅在 5+App 环境下支持,因此示例中用到了条件编译。
pages.json 中的 页面->style->enablePullDownRefresh 必须为 true,也就是说初始化时必须是开启状态。
iOS上,关闭bounce回弹效果,另见bounce相关的配置和API。
最新文章
- 深入理解客户区尺寸client
- ScrollView左右约束的坑
- Activity生命周期 onCreate onResume onStop onPause (转)
- Python开发【杂货铺】:五个知识点搞定作用域
- 项目源码--Android3D影音播放器源码
- PHP完整环境搭建
- winform代码反编译后图片等资源文件恢复解决方案
- A + B Again 2057 有符号的64进位的运算
- WinForm 无边框窗体和timer控件
- 使用SharedPreferences存储用户配置信息
- ASP.NET Core轻松入门Bind读取配置文件到C#实例
- php中include和require的区别(整理)
- 解决win10无法访问共享
- 二: python基础数据类型(int,
- 51nod-1459-迷宫游戏
- 2018-2019-2 网络对抗技术 20165227 Exp3 免杀原理与实践
- Windows 2012设置允许单个用户连接多个会话的方法
- [转]UI-Grid HeaderCellClass
- 【转载】uWSGI配置翻译
- [转]各种编码ANSI、GB2312、GBK、GB18030、UNICODE以及UTF-8傻傻分不清!
热门文章
- BeetleX之webapi使用入门
- Go | Go 使用 consul 做服务发现
- vs code个性化设置
- P2340 [USACO03FALL]Cow Exhibition G题解
- Privileged Permission开机授权时序图 SourceCode android-10.0.0_r36
- spring boot:多模块项目生成jar包(spring boot 2.3.3)
- Codeforces Round #676 (Div. 2) A - D个人题解(E题待补)
- 在centOS上安装oracle出现java.lang.NoClassDefFoundError问题及解决方法
- 基于Python与命令行人脸识别项目(系列一)
- Mybatis---00Mybatis入门