list-view.md 1.4 KB
Newer Older
D
DCloud_LXH 已提交
1
## list-view
D
DCloud_LXH 已提交
2 3 4

<!-- UTSCOMJSON.list-view.description -->

W
更x  
wanganxp 已提交
5 6 7 8 9 10 11 12
在App中,基于recycle-view的list,才能实现长列表的资源自动回收,以保障列表加载很多项目时,屏幕外的资源被有效回收。list-view就是基于recycle-view的list组件。

每个list由1个父组件list-view及若干子组件list-item构成。

在list-item上使用v-for指令循环list-item,自动会回收屏幕外的列表项资源。

list-view和scroll-view都是滚动组件,list适用于长列表场景,其他场景适用于scroll-view。

D
DCloud_LXH 已提交
13 14 15 16 17 18 19
<!-- UTSCOMJSON.list-view.attrubute -->

<!-- UTSCOMJSON.list-view.compatibility -->

<!-- UTSCOMJSON.list-view.reference -->


D
DCloud_LXH 已提交
20
## list-item
D
DCloud_LXH 已提交
21 22 23 24 25 26 27 28 29

<!-- UTSCOMJSON.list-item.description -->

<!-- UTSCOMJSON.list-item.attrubute -->

<!-- UTSCOMJSON.list-item.compatibility -->

<!-- UTSCOMJSON.list-item.reference -->

W
更x  
wanganxp 已提交
30 31 32 33 34 35 36 37 38 39
## 示例代码

- 联网联表:[https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/component/list-news/list.uvue](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/component/list-news/list.uvue)
- 可左右滑动的多个列表:[https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list](https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list)

## Bug&Tips

- list触底偶尔不触发
- 暂不支持reverse,目前还不能开发im那样的倒叙列表
- 暂不支持waterfall多列瀑布流