weex 界面的侧滑、抖动问题

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

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

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

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

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

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

这个问题通过在外层加上

append="tree"

并没有任何的实质效果。

结论

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

关于作者

我是来自山东烟台的一名开发者,喜欢瞎折腾,顺便记记笔记。有敢兴趣的话题,欢迎加微信 zhongwei 聊聊。 白天工地搬砖,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

爱评论不评论

近期节日

2020年02月24日 第三世界青年日
2020年02月24日 龙抬头
2020年02月28日 世界居住条件调查日
2020年03月01日 国际海豹日
2020年03月03日 全国爱耳日
2020年03月05日 学雷锋日
2020年03月05日 惊蛰
2020年03月08日 三八妇女节
2020年03月12日 植树节
2020年03月14日 白色情人节
2020年03月15日 消费者权益日
2020年03月17日 国际航海日
查看更多节日