关于compose的remember

之前有一段代码这样的

Kotlin 复制代码
@Composable
fun WeekDays(checkInList: List<WidgetCheckInBean>?) {
    val today = LocalDate.now()
    val daysOfWeek = remember {
        // 获取最近7天的星期信息
        getLastSevenWeekdays(today)
    }
    
    ......
}

根据当前时间,获取过去七天的时间列表,

然后出现了一个bug,更改手机时间,虽然,,大部分人不会这么做,但是更新时间之后呢呢,会触发 checkInList更新,获取最新数据,但是这时候,由于 daysOfWeek 并没有任何触发更新机制,导致daysOfWeek 还是remember中的原来的值,导致时间还是原来的时间列表。

所以这个我们需要加上daysOfWeek 和 checkInList的联动更新

就用到了

Kotlin 复制代码
val daysOfWeek = remember(checkInList) {
        val today = LocalDate.now()
        // 获取最近7天的星期信息
        getLastSevenWeekdays(today)
    }

让checkInList变成daysOfWeek 触发更新的key。

etpack Compose 的一个特点是,当状态(State)发生变化时,相关的 Composable 函数会重组(Recomposition),也就是函数会重新执行。•如果没有 remember:每次重组都会导致函数内的所有代码重新执行。这意味着在函数内创建的任何局部变量都会被重新初始化为其默认值。这会导致状态丢失,例如,一个计算结果、一个随机数、一个列表,都会在每次UI更新时被重置。•有了 remember:remember { ... } 块内的计算逻辑只会在 首次组合(Initial Composition)时执行一次。在后续的重组过程中,Compose 会跳过这个块的执行,直接返回它"记住"的那个计算结果。

通过key,让他更智能的更新,不必要的时候不更新,只是key变化了,才触发更新

相关推荐
y = xⁿ32 分钟前
MySQL八股知识合集
android·mysql·adb
andr_gale1 小时前
04_rc文件语法规则
android·framework·aosp
祖国的好青年2 小时前
VS Code 搭建 React Native 开发环境(Windows 实战指南)
android·windows·react native·react.js
黄林晴3 小时前
警惕!AGP 9.2 别只改版本号,R8 规则与构建链路全线收紧
android·gradle
小米渣的逆袭3 小时前
Android ADB 完全使用指南
android·adb
儿歌八万首3 小时前
Jetpack Compose Canvas 进阶:结合 animateFloatAsState 让自定义图形动起来
android·动画·compose
zhangphil4 小时前
Android Page 3 Flow读sql数据库媒体文件,Kotlin
android·kotlin
神探小白牙4 小时前
echarts,3d堆叠图
android·3d·echarts
李白的天不白4 小时前
如何项目发布到github上
android·vue.js