协同程序用于模拟异步流,因为我们不想阻塞UI/main线程。
setValue()必须在主线程上运行, postValue()可以在主线程或后台线程上
Observe LiveData - observe() / observeAsState()
观察LiveData,您可以使用手动观察LiveData.observe()或LiveData.observeAsState()应用程序编程接口
LiveData.observe()
创建MutableState数据
创建Observer对象
观察LiveData
移除Observer对象来自LiveData
@Composable
fun LiveDataScreen() {
val viewModel: LiveDataViewModel = viewModel()
val lifecycleOwner = LocalLifecycleOwner.current
//(1) Create a MutableState data
val manualObserveLiveDataState:MutableState<Int?> =
remember { mutableStateOf(null) }
//(2) Create an observer object
val liveDataObserver = remember {
Observer<Int> { value ->
manualObserveLiveDataState.value = value
}
}
Column {
Button(onClick = {
//(3) Observe the LiveData
viewModel.liveData.observe(lifecycleOwner, liveDataObserve
![](https://oscimg.oschina.net/oscnet/up-aad3207a030bdfbb77979e397a0eef7edb2.jpg)
r)
}) {
Text(text = "Manually Start Observe LiveData")
}
Button(onClick = {
// (4) Remove the observer from LiveData
viewModel.liveData.removeObserver(liveDataObserver)
}) {
Text(text = "Manually Remove Observer")
}
}
}
在上面的步骤2中,remember {}创建观察员对象,这样我们就不会重新创建Observer对象在重新配置期间的每次。我犯了这个错误。因此,它会导致内存泄漏观察者的增长。
LiveData.observeastate()
@Composable
fun LiveDataScreen() {
val viewModel: LiveDataViewModel = viewModel()
// Create MutableState by observing the LiveData
val observeAsStateLiveData =
viewModel.liveData.observeAsState(initial = null)
}
在内部,它调用DisposableEffect()副作用。其中最重要的是 onDispose()负责移除Observer对象在效果离开合成时自动为您生成。
@Composable
fun <R, T : R> LiveData<T>.observeAsState(initial: R): State<R> {
val lifecycleOwner = LocalLifecycleOwner.current
val state = remember { mutableStateOf(initial) }
DisposableEffect(this, lifecycleOwner) {
val observer = Observer<T> { state.value = it }
observe(lifecycleOwner, observer)
onDispose { removeObserver(observer) }
}
return state
}
研究setValue()与postValue()的行为
研究行为setValue()与 postValue(),可以尝试以下几种情况:
活动已创建/停止(在后台不可见)
活动已启动/暂停(在后台可见)
活动已恢复(在前台可见)
用户界面忙时
在主线程中运行postValue()
模拟用户界面正忙
要模拟UI繁忙,您可以快速发出该值
job = viewModelScope.launch {
repeat(10000) { value ->
delay(1)
_liveData.postValue = value
}
}
Button(onClick = {
Thread.sleep(3000)
}) {
Text(text = "Simulate Busy UI")
}
模拟活动暂停
要模拟某个活动暂停/失去焦点,可以在当前应用程序上启动另一个透明活动。
在观察者对象中添加登录
为了证明数据已发送到UI,您将以下日志记录添加到Observer对象
val liveDataObserver = remember {
Observer<Int> { value ->
Log.d(tag, "[ManualObserver]: Assigning $value to manualObserveLiveDataState.value")
manualObserveLiveDataState.value = value
}
}
setValue()与postValue()
在执行各种场景后,以下是setValue()和 postValue()
研究observe()与observeAsState()的行为
如果你使用observe(),您需要手动调用移除观察者()应用程序编程接口。如果你使用observeAsState()(使用 有效效果在内部),它会自动调用removeObserver()当 有效效果离开作文。
以下是要尝试的场景:
活动已创建/停止(在后台不可见)
活动已启动/暂停(在后台可见)
活动已恢复(在前台可见)
屏幕旋转被破坏
离别作文
模拟离开构图
要模拟离开组合,可以实现CommonScreen()下面的可组合功能,包含隐藏和显示实际可组合的按钮内容.当content是隐藏的,它模拟离开的构图。
@Composable
fun CommonScreen(content: @Composable () -> Unit) {
var showContent by rememberSaveable { mutableStateOf(true) }
val context = LocalContext.current
Column(modifier = Modifier.verticalScroll(rememberScrollState())){
if (showContent) {
content()
#### 最后笔者收集整理了一份Flutter高级入门进阶资料PDF
以下是资料目录和内容部分截图
> ![](https://img-blog.csdnimg.cn/img_convert/ea32ef2cf75e2bb9d413b442c5168de5.webp?x-oss-process=image/format,png)
> ![](https://img-blog.csdnimg.cn/img_convert/59ecbf27344350c353ccef629d35eedf.webp?x-oss-process=image/format,png)
> 里面包括详细的知识点讲解分析,带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程,让你秒变大前端。
> ![](https://img-blog.csdnimg.cn/img_convert/c17395fbe4b9cbbd3ade7014a32d0dc3.webp?x-oss-process=image/format,png)
分截图
> [外链图片转存中...(img-tqlynjzY-1716046587840)]
> [外链图片转存中...(img-w2MSUiCP-1716046587841)]
> 里面包括详细的知识点讲解分析,带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程,让你秒变大前端。
> [外链图片转存中...(img-FINz2bnX-1716046587841)]