Compose之LazyColumn、LazyRow卡顿处理

已于 2024-05-22 17:48:55 修改
阅读量346 收藏
点赞数 9
分类专栏： Compose 文章标签： Compose卡顿 LazyColumn卡顿
于 2024-05-22 17:47:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FrancisBingo/article/details/139125771
版权

一、背景

        在使用LazyColumn时，发现向下滑动不卡顿有Fling效果，向上滑动卡顿没有Fling效果，排查各种因素布局嵌套、Item复杂性等均没有问题

二、原因定位

        最终发现由于引用不同的依赖库导致

三、问题解决

        当我们使用Compose的基础UI库来使用LazyColumn时

基础使用（可能有卡顿问题）

androidx.compose.ui:ui:1.3.1

        可能会发现莫名其妙的卡顿，因此我们可以更改依赖来解决

性能更好（推荐）

androidx.compose.foundation:foundation:1.4.3

FrancisBingo
关注
  • 9
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Compose_08--列表LazyColumn和LazyRow
weixin_42404361的博客
11-25 3992
列表在普遍App中是一个十分重要组成部分，随处可见，而在Compose中是如何实现列表的呢？没错，就是使用LazyColumn实现纵向滚动列表，使用LazyRow实现横向滚动列表，下面是一个简单的例子。 import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.backg
Compose LazyColumn 对比 RecyclerView ，谁的性能更好？
maniuT的博客
09-23 271
LC 和 RV 各有长短，就看我们如何去选择了，用在什么场景了。该如何选择，相信大家看完也就知道了，复杂列表 (像电商首页那种) 是必须要选用RV 的，简单的列表可以选择LC，因为简单列表LC体验更好，更加丝滑，跟手性更好。当然LC 还在google的优化中 ， 之后的LC肯定也会和他老大哥RV 一样，不管面对什么场景都会有着更加稳定的表现。
Compose：从重组谈谈页面性能优化思路，狠狠优化一笔
1
08-05 761
随着越来越多的人使用Compose开发项目的组件或者页面，关于使用Compose构建的组件卡顿的反馈也愈发增多，特别是LazyColumn这些重组频率较高的组件，因此很多人质疑Compose的性能过差，这真的是Compose的性能问题吗。当然Compose在当前的版本下依然存在许多优化空间，但是实际上我们的日常项目中并不会真的逼近Compose的理论性能上限，而是没有处理好一些状态的读取，导致了重组次数过多，在用户眼里那就是卡顿了，本文将为你提供一些优化思路，降低Compose页面的卡顿。State。
【文末有惊喜！】Jetpack Compose布局优化实践
SOHU_TECH的博客
08-10 218
本文字数：6809字预计阅读时间：39分钟01前言我们内部团队使用 Jetpack Compose 开发项目已近一年，经历了简单布局到复杂布局的应用，对 Compose 的使用越来越成熟，构造了很多易用的基础组合，提升了项目的开发效率，与此同时Compose 布局的一些性能问题也慢慢凸显出来，因此专门对 Compose 布局优化进行了调研工作，旨在减少重组提高性能，规避负面效应，提高应用稳定性。...
Jetpack Compose中的列表控件LazyRow和LazyColumn详解
金戈鐡馬
05-17 3551
如果你需要显示大量的条目（或一个未知长度的列表），使用像 Column 这样的布局会导致性能问题，因为所有的条目都会被组合和布局，无论它们是否可见。那么，在Compose中有没有像RecycleView的控件可以滑动呢？答案：是有的，它们分别是LazyRow和LazyColumn。
Jetpack Compose - LazyColumn、LazyRow、LazyVerticalGrid全面解析
Gaga246的博客
12-14 1433
仅构成和放置当前可见项的垂直滚动列表，内容块定义了一个DSL，它允许您放置不同类型的子集内容。例如，您可以使用LazyListScope.item添加单个项目，使用LazyListScope.items添加项目列表。
学不动也要学，Jetpack Compose 写一个 IM APP（一）
weixin_54056045的博客
01-25 881
在 2019 年的 Google/IO 大会上，亮相了一个全新的 Android 原生 UI 开发框架 Jetpack Compose。与 IOS 的 SwiftUI 一样，Jetpack Compose 也是一个声明式的 UI 框架，随着 Android 和 IOS 两大移动平台相继推出了自己平台专属的声明式 UI 框架，标志着整个行业已开始转向声明性界面模型，该模型大大简化了与构建和更新界面关联的工程设计 经过两年多的打磨，到了今年七月底，Google 正式发布了 Jetpack Compose 的
深入探索Jetpack Compose LazyColumn性能表现及优化策略
最新发布
m0_56144365的博客
03-13 1035
自从Jetpack Compose作为Google推出的现代化UI工具包以来，它在Android开发领域掀起了不小的浪潮。Compose的声明式、响应式让UI构建变得前所未有的简洁高效。
Android Mms之:深入理解Compose
09-05
本篇文章是对Compose进行了详细的分析介绍，需要的朋友参考下
详解Docker之Compose服务编排
09-30
Compose是Docker的服务编排工具，主要用来构建基于Docker的复杂应用，Compose 通过一个配置文件来管理多个Docker容器，非常适合组合使用多个容器进行开发的场景。兴趣的小伙伴们可以参考一下
LazyRecycler:一个提供LazyColumn之类的API的库，以使用RecyclerView构建列表
03-26
RecyclerView，组成像 LazyRecycler是一个提供类似API的LazyColumn（来自Jetpack Compose）的库，用于使用RecyclerView构建列表。 用法 implementation ' io.github.dokar3:lazyrecycler:0.1.5 ' 使用LazyRecycler，几十行代码几乎可以完成RecyclerView的所有工作。 适配器，LayoutManager，DiffUtil，OnItemClickListener等等，它们都在一个块中： LazyRecycler (recyclerView, spanCount = 3 ) { item( R .layout.header, Unit ) {} items(listOfNews) { binding : ItemNewsBinding , news
Jetpack-Compose-Pagination:Jetpack组成分页。 使用Jetpack Compose列出分页。 LazyColumn加载更多。 惰性列分页
03-08
Jetpack-复合分页 Jetpack组成分页。 使用Jetpack Compose列出分页 LazyColumn加载更多。 LazyColumn分页。 载入第一页 第一页 正在载入下一页
深入理解redux之compose的具体应用
10-15
主要介绍了深入理解redux之compose的具体应用,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Docker系列之使用Docker Compose编排容器
09-30
Docker Compose 是 Docker 容器进行编排的工具，定义和运行多容器的应用，可以一条命令启动多个容器,这篇文章主要介绍了Docker系列之使用Docker Compose编排容器,感兴趣的小伙伴们可以参考一下
docker-compose安装包
12-19
Docker-Compose项目是Docker官方的开源项目，负责实现对Docker容器集群的快速编排。 Docker-Compose将所管理的容器分为三层，分别是工程（project），服务（service）以及容器（container）。Docker-Compose运行目录...
30. Compose性能优化 (持续更新中)
u010436867的博客
06-14 1495
Compose UI性能优化小知识点 长期更新
在 Compose 中实现缓存列表数据提升用户体验（Stale-while-revalidate）
sinat_17133389的博客
06-10 1787
至此，我们就实现了我们自己的。完整的 Github APP 代码可以在这里找到：但是，实际上这里代码还有一点小瑕疵，那就是我们在定义时没有使用同一个数据源，这就会导致在网络请求完成，更新数据时会全屏闪烁一下。对于这个闪烁，相信各位安卓开发大佬再熟悉不过了，在传统的安卓 view 体系中，更新诸如 RecyclerView 之类的列表 VIew 的数据时也会出现这个情况，而在传统 VIew 中解决这个情况的方式就是按需刷新列表，只刷新变动的列表项。所以在这里，我们解决 Compose 中。
【Jetpack Compose】LazyColumn 使用Paging3分页+SwipeRefresh下拉刷新
zzz777qqq的博客
05-20 2430
1.数据源 这里采用GitHub REST API的搜索的api来作为数据源： https://api.github.com/search/repositories?q=compose+language:kotlin&sort=stars&order=desc 大家可以用AS的JsonToKotlinClass插件来把这个响应数据生成data class，这里就不贴代码了。 2.依赖项 //network & serialization implementation "com.
Jetpack Compose——LazyRow、LazyColumn简单使用
lplj717的博客
12-15 2377
LazyRow： LazyRow( modifier: Modifier = Modifier,//布局修饰 state: LazyListState = rememberLazyListState(),//列表状态 contentPadding: PaddingValues = PaddingValues(0.dp),//内边距 reverseLayout: Boolean = false,//反转滚动和布局的方向 horizontalArrangement:
Jetpack Compose的LazyColumn如何识别数据源的更新？请提供代码演示
05-05
在 Jetpack Compose 中，`LazyColumn` 可以使用 `remember` 函数来缓存数据以提高性能。如果数据源发生更改，`LazyColumn` 需要能够检测到这些更改并更新 UI。为此，可以使用 `key` 参数来告诉 `LazyColumn` 如何区分不同的数据项。 以下是一个示例，演示如何使用 `LazyColumn` 和 `remember` 函数来显示一个字符串列表，并在列表中添加或删除字符串时更新 UI： ```kotlin @Composable fun LazyColumnDemo() { // 用 remember 关键字缓存数据源，并使用 key 参数来区分不同的数据项 val items = remember { mutableStateListOf("Item 1", "Item 2", "Item 3") } LazyColumn { items(items.size, key = { index -> // 使用 index 和 item 的哈希值来区分不同的数据项 items[index].hashCode() }) { index -> Text(text = items[index]) // 添加一个按钮，用于在列表中添加新项目 Button(onClick = { items.add("New Item") }) { Text("Add Item") } // 添加一个按钮，用于从列表中删除项目 Button(onClick = { items.removeAt(index) }) { Text("Remove Item") } } } } ``` 在这个示例中，我们使用 `remember` 函数来缓存字符串列表。我们还使用 `key` 参数来告诉 `LazyColumn` 如何区分不同的数据项。在 `LazyColumn` 中迭代数据项时，我们可以使用 `index` 来访问每个项目，并使用 `items[index]` 来显示每个项目的文本。 我们还向 UI 添加了两个按钮，一个用于在列表中添加新项目，另一个用于从列表中删除项目。当我们单击这些按钮时，我们更新 `items` 列表，这将触发 `LazyColumn` 重新运行并更新 UI。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FrancisBingo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值