Compose基础-Side-effect（一）

2023-09-19 11:19:22

导语

在Compose中，"Side-effect"（副作用）是指组件生命周期中会产生状态变化的操作。Compose提供了一些内置的Side-effect API，如LauchedEffect、rememberCoroutineScope和rememberUpdatedState，它们可以帮助我们在Compose组件中管理副作用。

1. LauchedEffect

LauchedEffect用于在组件生命周期中启动一个协程，并在特定条件下执行副作用操作。其语法如下：

LaunchedEffect(key1, key2, ...){
   // 副作用操作
}

key参数 ：用于定义LauchedEffect的执行条件，只有当key发生变化时，才会重新执行副作用操作。

使用场景

LauchedEffect常用于以下场景：

在组件创建时执行初始化操作，如加载数据。
在组件更新时执行数据更新操作。
在组件销毁时执行资源释放操作。

2. rememberCoroutineScope

rememberCoroutineScope用于在组件生命周期中创建一个协程作用域。其语法如下：

val coroutineScope = rememberCoroutineScope()

使用场景

rememberCoroutineScope常用于以下场景：

在组件中启动多个协程，并需要对这些协程进行集中控制。
在组件销毁时，取消所有关联的协程。

3. rememberUpdatedState

rememberUpdatedState用于在组件更新时，更新一个值并返回一个新的State对象。其语法如下：

val updatedState = rememberUpdatedState(newValue)

使用场景

rememberUpdatedState常用于以下场景：

在组件更新时，更新一个值，并在State对象中返回更新后的值。
避免在组件更新时，对State对象进行不必要的重新创建。

示例代码

import androidx.compose.runtime.*
import kotlinx.coroutines.launch

@Composable
fun ExampleComponent() {
    var count by remember { mutableStateOf(0) }

    LaunchedEffect(count) {
        launch {
            // 在count发生变化时，执行副作用操作
            delay(1000)
            count++
        }
    }

    val coroutineScope = rememberCoroutineScope()

    LaunchedEffect(coroutineScope) {
        // 在组件销毁时，取消所有关联的协程
        coroutineScope.cancel()
    }
}