antd-mobile的ListView组件踩坑
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了antd-mobile的ListView组件踩坑相关的知识，希望对你有一定的参考价值。
参考技术A 一、ListView容器不加固定高度就无法展示问题如题，但有的情况下我们不好确定固定高度，这时可以加个useBodyScroll属性，使用html的body作为滚动容器，就不需要设置固定高度了。
二、加了useBodyScroll属性后不触发onScroll和onEndReached事件
在上面的基础上加了useBodyScroll属性后，发现onScroll和onEndReached事件不生效了，这是因为我在ListView外层有一个其他元素，导致onScroll事件失效了，解决办法是把外层元素去掉，如果想要外层元素，就不要加useBodyScroll属性了。
antd-mobile
ListView
scrollerOptions={{ scrollbars: true }} // 是否显示滚动条
scrollRenderAheadDistance = {200} // 触发距离（具体不清楚）
initialListSize={2} // 初始列表数量
pageSize={5} // 下拉刷新获取列表数量
以上是关于antd-mobile的ListView组件踩坑的主要内容，如果未能解决你的问题，请参考以下文章