帖子
帖子
用户
博客
课程
显示全部楼层
11
帖子
1
勋章
569
Y币
发表于 2023-3-31 17:26:13
5
未解决

openTabLayout如何禁止左右滑动? [复制链接]

  • 发表于:2023-03-31 17:26:13
openTabLayout如何禁止左右滑动?
380
帖子
4
勋章
6
Y币
您好,添加此监听

tabitembtn
监听tabLayout中tabBar项的点击事件。默认点击每一项时会切换到对应的页面,如果监听了此事件则页面不会自动切换过去,可以通过setTabBarAttr设置选中项,字符串类型

callback(ret, err)
ret:

描述:tabBar项点击事件的回调
内部字段:
{
     index:        //点击的项的索引,从0开始,数字类型
}
示例代码
api.addEventListener({
    name:'tabitembtn'
},function(ret, err){
    var index = ret.index + 1;
    api.alert({
           msg: '点击了第'+index+'项'
    });
});
3
帖子
2
勋章
2万+
Y币
openTabLayout中有一个参数,scrollEnabled: false,设置false可以直接禁止打开的frame左右滑动。

  1. api.openTabLayout({
  2.     name: "tabLayout",
  3.     url: "widget://html/home.html",
  4.     hideTabBar: false,
  5.     tabBar: {
  6.       height: 50,
  7.       selectedColor: "#1296db",
  8.       shadow: "#B6B6B6",
  9.       fontSize: 12,
  10.       textOffset: 6,
  11.      [color=Red] scrollEnabled: false,[/color]
  12.       index: 0,
  13.       preload: 1,
  14.       list: [],
  15.       frames: [],
  16.     },
  17.   });
复制代码
您需要登录后才可以回帖 登录

本版积分规则