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次,最后收起来放回抽屉

相关推荐
晚霞的不甘6 分钟前
解决 Flutter for OpenHarmony 构建失败:HVigor ERROR 00303168 (SDK component missing)
android·javascript·flutter
2501_9445215930 分钟前
Flutter for OpenHarmony 微动漫App实战:分享功能实现
android·开发语言·javascript·flutter·ecmascript
kekegdsz1 小时前
Android构建优化:编译速度从 10 分钟编译到 10 秒
android·性能优化·gradle
2501_944521591 小时前
Flutter for OpenHarmony 微动漫App实战:标签筛选功能实现
android·开发语言·前端·javascript·flutter
mjhcsp1 小时前
如何做一个网站?
android
2501_915909061 小时前
在无需越狱的前提下如何对 iOS 设备进行文件管理与数据导出
android·macos·ios·小程序·uni-app·cocoa·iphone
_F_y2 小时前
MySQL表的增删查改
android·数据库·mysql
海雅达手持终端PDA2 小时前
海雅达Model 10X工业平板赋能MES系统全场景落地应用方案
android·物联网·硬件工程·能源·健康医疗·制造·平板
普马萨特2 小时前
如何从安卓系统中获取扫描到的 Wi‑Fi 的 MAC 地址和 RSSI?
android·macos
游戏开发爱好者82 小时前
iPhone 网络调试的过程,请求是否发出,是否经过系统代理,app 绕过代理获取数据
android·网络·ios·小程序·uni-app·iphone·webview