Compose笔记(二)--LaunchedEffect

        这一节了解一下LaunchedEffect,在 Jetpack Compose 里,LaunchedEffect是一种用于启动协程的可组合函数,其主要用途是在协程里执行异步操作。LaunchedEffect函数能够接收一个或多个key参数。

1 key的含义:

       LaunchedEffect函数的key参数指的是一个或多个对象,这些对象会被用来判定LaunchedEffect是否需要重新启动协程。当key的值发生改变时,LaunchedEffect会取消当前正在运行的协程,然后重新启动一个新的协程。若key值未变,协程就不会重新启动。

2 key的作用:

避免不必要的协程启动:借助key参数,能够保证仅在特定条件改变时才启动新的协程,防止不必要的重复执行。例如,当某个状态值变化时才需要重新发起网络请求,就可以把这个状态值当作key。
管理协程的生命周期:当key值改变时,LaunchedEffect会自动取消当前协程,从而避免协程泄漏。而且,在可组合项被移除时,LaunchedEffect也会自动取消协程。 

栗子:

@Composable
fun Example() {
    var counter by remember { mutableStateOf(0) }

    // 以counter作为key
    LaunchedEffect(counter) {
        // 模拟异步操作
        delay(1000)
        println("Counter value is $counter")
    }
    // 点击按钮增加counter的值
    androidx.compose.material.Button(onClick = { counter++ }) {
        androidx.compose.material.Text("Increment Counter")
    }
}

分析:LaunchedEffect(counter):把counter当作key。当counter的值改变时,LaunchedEffect会取消当前协程并重新启动一个新的协程。

import androidx.compose.runtime.*
import androidx.compose.material3.*
import kotlinx.coroutines.delay

@Composable
fun MultiKeyLaunchedEffectExample() {
    // 定义输入文本状态
    var inputText by remember { mutableStateOf("") }
    // 定义筛选条件状态
    var filterOption by remember { mutableStateOf("All") }

    // 使用 LaunchedEffect 结合多个键
    LaunchedEffect(inputText, filterOption) {
        // 模拟搜索操作的延迟
        delay(1000)
        println("执行搜索操作,输入文本: $inputText,筛选条件: $filterOption")
    }

    Column {
        // 输入框用于输入搜索文本
        TextField(
            value = inputText,
            onValueChange = { inputText = it },
            label = { Text("输入搜索文本") }
        )
        // 下拉菜单用于选择筛选条件
        ExposedDropdownMenuBox(
            expanded = false,
            onExpandedChange = {}
        ) {
            TextField(
                readOnly = true,
                value = filterOption,
                onValueChange = {},
                label = { Text("选择筛选条件") },
                trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = false) },
                colors = ExposedDropdownMenuDefaults.textFieldColors()
            )
        }
    }
}

分析:LaunchedEffect(inputText, filterOption) 接收这两个状态作为键。当 inputText 或 filterOption 的值发生变化时,当前正在运行的协程会被取消,然后启动一个新的协程执行其中的代码块。

注意:1.LaunchedEffect 启动的协程与它所在的可组合函数的生命周期相关联。当可组合函数被移除组合时,LaunchedEffect 启动的协程会自动取消,避免内存泄漏。例如,当一个屏幕从导航栈中移除时,该屏幕中 LaunchedEffect 启动的协程会被取消。2.虽然 LaunchedEffect 用于执行异步操作,但要注意不要在组合过程中直接修改可变状态,因为这可能会导致不必要的重组。如果需要更新状态,应该在协程中安全地更新。3.在 LaunchedEffect 的 Lambda 表达式中,要对可能出现的异常进行处理。可以使用 try-catch 块来捕获并处理异常,避免因未处理的异常导致应用崩溃。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值