详解闲鱼KUN嵌套滚动容器设计与实现

Source : mp.weixin.qq.com Author : 祈晴

在电商频道/导购详情页中，为让页面信息呈现更多更丰富效果经常使用嵌套滚动容器搭建页面，常在大促/首页/频道/信息流等多SPU/多频道关键信息场景下使用，今年从kun支持第一个闲鱼超市业务到双十一项目整个过程中，悉数落地7个业务场景中嵌套滚动容器构建页面占据6个。从技术角度，嵌套滚动容器组件属于复合性交互容器组件，包括手势冲突/交互体验/流畅度等方向会面临挑战，比如在H5因其机制在模拟手势交互过程会存在一些限制，为保证动态性/高性能/强体验，KUN 基于Flutter生态，构建一个复杂交互高性能的嵌套滚动跨端容器组件，保证其具备高性能/强交互/一致性/动态性，本文将详细解释kun实现嵌套滚动容器过程中面临挑战和解决方案。