weex 界面的侧滑、抖动问题

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

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

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

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

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

这个问题通过在外层加上

append="tree"

并没有任何的实质效果。

结论

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

微信关注我哦 👍

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