要求用到swiper+view
时间: 2023-07-30 18:09:53 浏览: 141
微信小程序之scroll-view选项卡与跳转 (一)
在使用swiper+view来实现长列表时,可以通过以下方式解决高度自适应问题:
1. 在获取列表数据后,计算每个列表项的高度,并将其保存到对应的数据项中。可以通过swiper的回调函数onSlideChangeTransitionEnd获取当前显示的列表项,然后通过view的selectComponent方法和createSelectorQuery()方法获取当前列表项的高度,将其保存到对应的数据项中。
2. 在view组件中,可以使用wx:if或wx:for指令来渲染每个列表项,并设置高度为auto,这样可以让列表项的高度自适应。
3. 如果列表项高度不同,可以在计算列表项高度时,把最大高度作为默认高度,这样可以保证列表项展示时高度不会出现问题。
综上所述,通过使用swiper+view,结合计算列表项高度的方法,可以解决长列表的渲染和高度自适应问题。需要注意的是,在性能方面,使用虚拟列表技术会更优秀。
阅读全文