当前位置：首页 > news >正文

Compose 中的 LaunchedEffect

news 来源：原创 2025/6/4 8:00:09

LaunchedEffect 是 Jetpack Compose 中的一个副作用处理函数，它允许你在组合变化时运行挂起函数。特别适合那些需要与可组合项生命周期绑定的协程操作。

基本用法

@Composable
fun MyComposable() {var count by remember { mutableStateOf(0) }// 当key(count)变化时，LaunchedEffect会重新运行LaunchedEffect(count) {// 这个代码块在协程作用域中运行delay(1000) // 这里可以调用挂起函数println("计数在1秒后变为 $count")}Button(onClick = { count++ }) {Text("增加 ($count)")}
}

主要特性

协程作用域：LaunchedEffect 中的代码在协程作用域中运行，当可组合项退出组合或key变化时自动取消
关键参数：
- 当可组合项进入组合时启动协程
- 当任何key变化时重新启动
- 当可组合项离开组合或key变化时取消
常见用途：
- 一次性操作（如显示Snackbar）
- 启动需要清理的观察者
- 动画
- 任何挂起函数调用

示例

一次性效果（类似onCreate）

@Composable
fun OneTimeEffect() {LaunchedEffect(Unit) { // 使用Unit作为key表示只运行一次println("这只在组合时运行一次")}
}

动画示例

@Composable
fun AnimatedBox() {var animated by remember { mutableStateOf(false) }LaunchedEffect(animated) {animate(/* 动画参数 */)}Button(onClick = { animated = !animated }) {Text("切换动画")}
}

Snackbar示例

@Composable
fun SnackbarExample(scaffoldState: ScaffoldState) {var clickCount by remember { mutableStateOf(0) }LaunchedEffect(clickCount) {if (clickCount > 0) {scaffoldState.snackbarHostState.showSnackbar("按钮被点击了 $clickCount 次")}}Button(onClick = { clickCount++ }) {Text("点击我")}
}