天天看点

Jetpack compose学习笔记之列表(布局)

一,简介

Jetpack compose中的布局主要分为Column,Row,Box。

Jetpack compose学习笔记之列表(布局)

二,Column创建的列表

Column创建list时,不管内容是在屏幕内还是屏幕外,都会将list的内容全部创建。当list内容很多时,性能不好。

三,Lazy list

LazyColumn只会生成屏幕内的内容,相比于Column性能好,也不需要设置scroll modifier。

LazyColumn相当于Android中的RecyclerView。

四,利用LazyColumn创建一个list

效果

Jetpack compose学习笔记之列表(布局)

1. 创建list item

因为list item的图片来自网络,所以先添加coil库来简化获取图片的流程

添加网络权限

创建item

2. 用list item创建列表

3. 创建Button

 更多内容请查询:

Layouts in Jetpack Compose (google.cn)

上一篇: 小程序开发
下一篇: 小程序支付