目录
Weex 系列 (序) —— 总要知道原生的一点东东 (iOS)
Weex 系列 (序) —— 总要知道原生的一点东东 (Android)
Weex 系列 (1) —— Hello World 项目
Weex 系列 (2) —— 页面跳转和通信
Weex 系列 (3) —— 单页面还是多页面
Weex 系列 (4) —— 老生常谈的三端统一
Weex 系列 (5) —— 封装原生组件和模块
Weex 系列 (6) —— webview 和 web 组件
Weex 系列 (7) —— 踩坑填坑的总总
[Weex 系列 (8) —— 原理流程简析 ]
使用 weex 已经一年半了,踩了很多坑,也流了很多泪填上,总结一波,希望对大家有所帮助。
LaunchImage
这是今年来的第一个调整,需要把 iOS8.0 and Later 勾上,不然 iPhone XR/XS Max 默认会走 iPhone X 的尺寸 375ptx812pt。
build.gradle
这个文件设置还挺多的,先说一点吧,比如配置打包信息,是 debug 还是 release 版本,这个对微博的分享签名配置是有影响的。
image
1、必须指定样式中的宽度和高度 2、Android 默认的 Image Adapter 不支持 gif,需要自己封装,我是用的 GifDrawable3、安卓图片太大太长,我是在安卓设置了属性 hardwareAccelerated,但是内存好像会升高,最好还是避免出现又长又大的图,现在发现出来了个 autoBitmapRecycleAndroid 大家可以试一下
refresh
refresh 和 pullingdown 事件是在这个组件上不是加在 list 和 scroller 上,真的刚开始接触的时候,list 和 scroller 用的又多,有一次就犯了这个错误,找了半天,手动 dog 吧。
list 和 scroller
1、尽量不要在 list 的 cell 上做处理,比如宽高啊、position 定位啊,可能会不生效,还有可能会导致滚动加载不正常 2、我遇到过 scroller 在安卓上下拉刷新不正常,跟初始加载数据,div 绘制有关,上来一滚动就下拉刷新,最后是用 list 解决的,所以建议大家列表还是多用 list。
slider
官网上没有像 image 那样强调一定要设置宽高,但是还是建议大家给个值,不然有时候会遇到点异常。
picker
picker 的 pick 方法在安卓底下会崩溃,结果竟然是要在 AndroidManifest.xml 里面设置正确的 android:theme,因为我是用官网的脚手架搭起来的项目,不知道大家会不会遇到,改一下 android:theme 就可以解决问题了。
css 相关
1、Weex 对于长度值目前只支持像素值,不支持相对单位(em、rem),也不支持百分比。2、遇到一些奇怪的现象的时候,可以找找是否有 position:relative/fixed/absolute,比如 slider 嵌套 list,和 slider 并列后面用了 position:relative 的 div 等,我这边就遇到了加载 tab 乱跳,还有封装了最外层 position:fixed 的 3、Weex 目前不支持 z-index 设置元素层级关系,但靠后的元素层级更高,因此,对于层级高的元素,可将其排列在后面
最后还是感谢大家,如果喜欢欢迎点赞收藏啊~