折腾了两天开发微信小程序聊天界面,说说大概思路,用 scroll-view 来实现聊天列表;用云开发 watch 来监听新发送的消息。现在遇到的的问题:加载历史记录时会抖动
刚开始按照常规思路加载历史消息时会出现跳动的问题;跳动的原因是由于在’顶部’插入dom,会使得后面的dom被往后面推,然后重新设置scroll-top或者scrol-into-view从而导页面出现跳动
如果使用 skyline 的 reverse 可以很好的解决这个问题,但是使用了 reverse 之后,watch 里接收新消息,得用 unshift 将新消息放在消息数组的头部,这样会导致后面每个元素重新渲染,导致一发送消息页面就会抖动
现在问题是, 社区的很多帖子都说了可以用 reverse, 但是没人遇到发送消息会抖动的问题吗???
有录屏效果吗,我看一下,我做过一个小程序聊天功能