聊天页面使用uniapp框架时,向上下拉时会产生闪屏现象

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了聊天页面使用uniapp框架时,向上下拉时会产生闪屏现象相关的知识,希望对你有一定的参考价值。

参考技术A 解决方法:实现原理就是将滚动容器翻转180度,再将每条消息旋转180度;数据可以要后端配合做反序,或者自己循环转一下;

1:如果数据不够一屏幕,数据会显示在底部(解决方案:用设置高度的方式,外层包一个view设置flex:1或者高度,自身设置max-height: 100%; 貌似max属性在style=""里设置可以生效)

2:不能使用滚动条,因为滚动条去到了左边(解决方案,自己计算模拟一个滚动条)

https://ext.dcloud.net.cn/plugin?id=2595 

以上是关于聊天页面使用uniapp框架时,向上下拉时会产生闪屏现象的主要内容,如果未能解决你的问题,请参考以下文章

uniapp 解决ios上拉下拉白边处理

uniapp页面下拉刷新

创建一个下拉菜单,在页面顶部向上打开,向下滚动时向下打开

uniapp中的一些生命周期理解

uniapp 使用原生子窗体进行视频聊天

uniapp 使用原生子窗体进行视频聊天