weex 界面的侧滑、抖动问题

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

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

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

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

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

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

这个问题通过在外层加上

append="tree"

并没有任何的实质效果。

结论

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

爱评论不评论

近期节日

2020年04月01日 愚人节
2020年04月02日 国际儿童图书日
2020年04月03日 寒食节
2020年04月04日 清明节
2020年04月07日 世界卫生日
2020年04月11日 世界帕金森病日
2020年04月19日 谷雨
2020年04月21日 复活节
2020年04月22日 世界地球日
2020年04月23日 世界读书日
2020年04月26日 知识产权日
2020年04月30日 佛诞
查看更多节日