weex-ui之wxc-tab-page 顶部标签页踩坑记

简介: weex-ui之wxc-tab-page 顶部标签页踩坑记

对于初学weex的人来说,有这个么一个东西可以节省很多开发成本,但由于weex本身的开源特性,有些东西并不完善,博主最近在使用wxc-tab-page 顶部标签页的时候发现几个问题:


1.标签页无法通过手势滑动切换;


2.通过引入BindingX1.0.0后,可以滑动了,但是滑动存在手势冲突,下拉的同时可以左右滑动,这肯定不是我们需要的;


3.通过升级weex版本到最新版本,第二条的问题解决了,但是在第二次滑动切换的时候,程序崩溃,从报错信息看,是手势导致的;


3.又通过咨询官方人员才知道BindingX1.0.0有问题,需要升级到BindingX1.0.1.


总结以上就是:


1.升级你的weex到最新版本,可以通过以下方法来安装最新版本:

cnpm install -g weex-toolkit@1.2.9
//因为目前是1.2.9

2.在使用wxc-tab-page的时候如果发现不能滑动切换,需要在pod中引入BindingX1.0.1(目前最新版本),但是在github中官方文档给出的是1.0.0,如果你恰好遇到这个问题,请升级你的BindingX版本:

pod repo update//先更新你的pod库
pod install//然后安装

文档有坑,且看且谨慎,遇到问题多问问踩过坑的人吧。


这是一门年轻的语言,大家耐心一点。

目录
相关文章
|
6月前
|
小程序 JavaScript
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
|
容器
Flutter 108: 图解 PageView 滑动页面预览小尝试
0 基础学习 Flutter,第一百零八步:学习一下 PageView 的基本应用!
1345 1
|
JavaScript
JS 原生实现Tab栏的切换
JS 原生实现Tab栏的切换
111 1
|
前端开发
前端项目实战伍拾伍react-admin+material ui-踩坑-设置tab宽度全屏
前端项目实战伍拾伍react-admin+material ui-踩坑-设置tab宽度全屏
68 0
|
JavaScript
tab选项卡切换时echarts无法正常加载显示问题的解决方案
tab选项卡切换时echarts无法正常加载显示问题的解决方案
593 0
|
算法 容器
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
|
iOS开发
iOS开发 - 点击tabbar某一个item,直接push跳转进入需要的页面,而不是切换tab
iOS开发 - 点击tabbar某一个item,直接push跳转进入需要的页面,而不是切换tab
441 0
|
JavaScript 前端开发
前端-vue基础27-tab选项卡之切换效果
前端-vue基础27-tab选项卡之切换效果
215 0
前端-vue基础27-tab选项卡之切换效果
|
JavaScript 前端开发
easyui 后台页面,在Tab中的链接点击后添加一个新TAB的解决方法
1.示例1 新增一个按钮 添加点击事件 onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')" 如: 打开新TAB 这样点击链接后会增加一个新的TAB     2.
1471 0
JavaScrip - tab栏切换案例
JavaScrip - tab栏切换案例
115 0