weex 界面的侧滑、抖动问题

更新日期: 2018-01-26 阅读次数: 10693 分类: weex

用 weex 写的部分界面有明显的侧滑、抖动问题。即,界面内容,先集中在左侧,然后慢慢向右侧展开。或者,集中在左上角,然后向右下展开。

一开始,就怀疑这类似于网页的渲染问题,在标签没有写死宽高的情况下,需要子元素加载完才能计算出宽高,从而导致抖动问题。

而且,仔细观察了一个抖动的页面,其顶部 banner 和底部 tabbar 都渲染正常,只有中间部分会出现抖动。说明并不是 weex 的渲染问题,一定是写的样式有问题。(这个猜想是回家开车途中想到的。。。)

果然,将 flex 布局的每一行外层设定宽度为 750px 之后,侧滑、抖动问题就消失了。

比较特殊的一个案例是,有个区域的图片 width 大于外层 flexbox 计算后的宽度,也出现了侧滑的情况,将图片 width 调小即解决。

这个问题通过在外层加上

append="tree"

并没有任何的实质效果。

结论

样式写的规范是多么的重要。

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式