Jetpack Compose 可组合项生命周期及其常见处理Effect副作用API_jetpack compose return@(1)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

Scaffold(scaffoldState = scaffoldState) {
    /* ... */
}

}

state.hasError状态为 true时，会触发LaunchedEffect() 通过协程处理副作用；如果重组时state.hasError变成 false，协程会被取消，Snackbar也会消失。


#### rememberCoroutineScope()


LaunchedEffect 是由`@Composable` 标记的可组合函数，因此只能在其他可组合函数中使用（类似协程中的suspend）。当需要在可组合项外启动协程时（如onClick中），可以使用rememberCoroutineScope ，源码如下：

@Composable
inline fun rememberCoroutineScope(
getContext: @DisallowComposableCalls () -> CoroutineContext = { EmptyCoroutineContext }
): CoroutineScope {
val composer = currentComposer
val wrapper = remember {
CompositionScopedCoroutineScopeCanceller(
createCompositionCoroutineScope(getContext(), composer)
)
}
return wrapper.coroutineScope
}

rememberCoroutineScope() 返回 CoroutineScope 协程作用域，可以在可组合项外启动协程，该 CoroutineScope 绑定到调用它的组合点。**调用退出组合后，作用域将取消**。


使用示例：

@Composable
fun ComposeEffect() {
var txt by remember { mutableStateOf(“”) }
//rememberCoroutineScope在非重组作用域启动协程任务
val coroutineScope = rememberCoroutineScope()

Column(
    modifier = Modifier.fillMaxSize()wrapContentSize(Alignment.Center)
) {
    Text(text = txt)
    Button(onClick = {
        //在onClick中启动了协程
        coroutineScope.launch {
            delay(3000)
            txt = "修改文案"
        }
    }) {
        Text(text = "rememberCoroutineScope")
    }
}

}

点击Button后，启动协程，在协程中延迟3s重组并刷新Text文案。


#### DisposableEffect

@Composable
@NonRestartableComposable
fun DisposableEffect(
key1: Any?,
effect: DisposableEffectScope.() -> DisposableEffectResult
) {
remember(key1) { DisposableEffectImpl(effect) }
}

对于需要在键发生变化或可组合项退出组合后进行清理的副作用，可以使用 DisposableEffect。如果 DisposableEffect 中的key发生变化，那么就会执行onDispose()资源释放等操作，并重新执行DisposableEffect。


**DisposableEffect中强制以onDispose进行收尾，不加就会编译报错**。因此DisposableEffect适合有资源需要收尾的场景下。


使用示例：

@Composable
fun HomeScreen(
lifecycleOwner: LifecycleOwner = LocalLifecycleOwner.current,
onStart: () -> Unit, // Send the ‘started’ analytics event
onStop: () -> Unit // Send the ‘stopped’ analytics event
) {
// Safely update the current lambdas when a new one is provided
val currentOnStart by rememberUpdatedState(onStart)
val currentOnStop by rememberUpdatedState(onStop)

// If `lifecycleOwner` changes, dispose and reset the effect
DisposableEffect(lifecycleOwner) {
    // Create an observer that triggers our remembered callbacks
    // for sending analytics events
    val observer = LifecycleEventObserver { _, event ->
        if (event == Lifecycle.Event.ON_START) {
            currentOnStart()
        } else if (event == Lifecycle.Event.ON_STOP) {
            currentOnStop()
        }
    }

    // Add the observer to the lifecycle
    lifecycleOwner.lifecycle.addObserver(observer)

    // When the effect leaves the Composition, remove the observer
    onDispose {
        lifecycleOwner.lifecycle.removeObserver(observer)
    }
}

/* Home screen content */

}

LaunchedEffect 内部开启了协程，并在退出组合时取消协程，DisposableEffect + rememberCoroutineScope 的方式可以模拟 LaunchedEffect，如下：

//LaunchedEffect
LaunchedEffect(key1 = Unit) {
}

//DisposableEffect + rememberCoroutineScope
val scope = rememberCoroutineScope()
DisposableEffect(key1 = Unit) {
val job = scope.launch { }
onDispose {
job.cancel()
}
}

#### rememberUpdatedState


LaunchedEffect(key) 会在key发生变化时会重启协程，如果不希望key变化时协程中断而是继续执行，可以通过 rememberUpdatedState 获取最新状态即可。

@Composable
fun rememberUpdatedState(newValue: T): State = remember {
mutableStateOf(newValue)
}.apply { value = newValue }

//MutableState
@Stable
interface MutableState : State {
override var value: T //rememberUpdatedState每次重组时都会对该值进行更新
operator fun component1(): T
operator fun component2(): (T) -> Unit
}

rememberUpdatedState 源码很简单，内部通过 remember + mutableStateOf 的方式，保证每次重组时都会将newValue 值进行更新到MutableState.value中，最终副作用里访问的也是最新的newValue了，从而实现副作用在不中断的前提下访问到最新传入的值。使用示例如下：

@Composable
fun LandingScreen(onTimeout: () -> Unit) {

// LandingScreen重组时会引用到最新的onTimeout函数
val currentOnTimeout by rememberUpdatedState(onTimeout)

// 如果发生重组，delay函数不会再次执行了；而currentOnTimeout却是最新的onTimeout函数。
LaunchedEffect(true) {
    delay(SplashWaitTimeMillis)
    currentOnTimeout()
}

/* Landing screen content */

}

#### SideEffect


SideEffect 在每次成功重组时都会执行，这么看好像SideEffect 并不能处理什么副作用呀。其实还是有点区别的，SideEffect只会在重组成功之后才会执行，如果重组失败，那么SideEffect中的lambda将不再执行，以免在当前组合操作失败时使对象处于不一致状态。


使用示例：




![img](https://img-blog.csdnimg.cn/img_convert/5542b4a6958f8b4110cab9c2c1b0894c.png)
![img](https://img-blog.csdnimg.cn/img_convert/fbe405c01488921c0de8adb69e1d1379.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**