Compose的一些小Tips - 可组合项的生命周期

系列文章

Compose的一些小Tips - 可组合项的生命周期(本文)


前言

本系列介绍Compose的一些常识,了解这些tips并不会让人摇身一变成为大佬,但可以帮助到一些学习Compose的安卓开发者避免一些误区,也是对入门详解中遗漏的一个补充。本文介绍可组合项的生命周期

可组合项的生命周期

可组合项的生命周期:进入组合,执行 0 次或多次重组,然后退出组合。

用安卓官方的话来说: 重组通常由对 State 对象的更改触发。Compose 会跟踪这些操作,并运行组合中读取该特定 State 的所有可组合项以及这些操作调用的无法跳过的所有可组合项。

重点就是这些操作调用的无法跳过的所有可组合项。

graph LR A(进入可组合项) -- 进入组合 --> B(可组合项) B --退出组合--> C(退出可组合项) B--重组0次或n次--> B

用笔者的话来说:

就像是堆积木,把可组合项想象成积木,那么重组就是把积木重新拆开重新堆

为了帮助大家理解可组合项的生命周期,我们用Compose创建一个Column列表,里面塞三个button,代码是这样的

kotlin 复制代码
 Column{
            Button(onClick = { }){}
            Button(onClick = { }){}
            Button(onClick = { }){}
        }

当运行的时候,代码添加可组合项的顺序的是这样的(下例图示只是例子不代表实际) 我们将代码稍作改动,然后分别点击两次所有的button

kotlin 复制代码
var string by remember { mutableStateOf("2") }
    Column{
        Button(onClick = { }){
            Log.i("btn1","重组了")
        }
        Button(onClick = { string+=1 }){
            Log.i("btn2","重组了, string为: $string")
            Text(text = string)
        }
        Button(onClick = { }){
            Log.i("btn3","重组了")
        }
    }

日志如下:

我们从日志可以看到,只有btn2因为string的变化重组,其他btn则只重组了一次,我的意思是他们在退出前生命周期前一直在积木的重新拼装这个状态,就像只要你没把积木收回抽屉不玩了,就代表积木的生命周期还未结束。

总结

可组合项的生命周期就像玩搭积木,从把积木从抽屉中拿出来开始,拼一次或n次,最后收起来放回抽屉

相关推荐
传奇开心果编程18 分钟前
【现代声明式UI学与练】第9课 性能优化——渲染优化、列表优化、内存优化、启动优化
学习·flutter·react native·ui·性能优化·swiftui·android jetpack
传奇开心果编程18 分钟前
【Compose Multiplatform 跨端开发学与练】第8课 资源管理与主题
android·windows·学习·ios·kotlin·web·composer
传奇开心果编程2 小时前
【Compose Multiplatform 跨端开发学与练】第9课 测试与调试
android·学习·macos·ios·kotlin·web·composer
传奇开心果编程2 小时前
【Compose Multiplatform 跨端开发学与练】第4课 导航与路由
android·windows·学习·ui·ios·kotlin·composer
传奇开心果编程2 小时前
【Compose Multiplatform 跨端开发学与练】第6课 状态管理与架构
android·学习·ui·ios·架构·kotlin·composer
事圆则缓2 小时前
Android AOSP 定制常见概念:源码目录、系统镜像与刷机流程
android
传奇开心果编程2 小时前
【Compose Multiplatform 跨端开发学与练】第2课 Compose 基础语法
android·windows·学习·ui·ios·kotlin·composer
supabc1233 小时前
Celium:连接 Windows、Mac、Linux 与 Android,让远程访问和设备管理更简单
android·linux·windows·macos·远程访问·网络管理·celium
Dovis(誓平步青云)3 小时前
导览音频切换太快,旧讲解不能覆盖新展品
android·前端·javascript·ecmascript·音视频·宠物
五彩小白20 小时前
自回归和上下文
android