weex 界面的侧滑、抖动问题

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

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

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

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

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

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

这个问题通过在外层加上

append="tree"

并没有任何的实质效果。

结论

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

爱评论不评论

近期节日

2020年07月06日 国际接吻日
2020年07月06日 小暑
2020年07月07日 抗日战争纪念日
2020年07月11日 世界人口日
2020年07月22日 大暑
2020年07月30日 非洲妇女日
2020年08月01日 八一建军节
2020年08月06日 国际电影节
2020年08月07日 立秋
2020年08月15日 日本投降日
2020年08月22日 处暑
2020年08月25日 七夕
查看更多节日