Jetpack Compose开发中Android ViewModel无法持久化数据是什么原因？

• 第一个核心问题是ViewModel作用域不统一：Jetpack Compose中默认调用viewModel()方法获取的ViewModel实例，作用域绑定在离当前Composable最近的ViewModelStoreOwner上。如果你的两个Composable属于不同的导航目的地、或者绑定在不同的父Composable节点，默认会拿到两个完全独立的PartViewModel实例，第一个实例请求到的数据自然不会同步到第二个实例。
• 第二个问题是LiveData的使用方式错误：Composable中直接访问LiveData.value只能拿到调用时刻的瞬时值，就算后续LiveData更新，也不会触发Composable重组更新数据，而且如果请求还没完成就执行了打印逻辑，输出自然是null。

1. 统一ViewModel作用域 #

根据你的业务场景选择以下任意一种方式，保证两个Composable拿到的是同一个PartViewModel实例：

全局共享（整个Activity范围内唯一） #

在两个Composable中获取ViewModel时，指定Activity作为ViewModelStoreOwner：

val context = LocalContext.current
val vm: PartViewModel = viewModel(
    viewModelStoreOwner = context as AppCompatActivity
)

导航图范围内共享（同个嵌套导航图内的页面共享） #

如果两个页面属于同一个嵌套导航图，指定导航图作为ViewModelStoreOwner即可：

val navBackStackEntry = remember { navController.getBackStackEntry(R.id.你的嵌套导航图ID) }
val vm: PartViewModel = viewModel(navBackStackEntry)

2. 正确在Compose中观察LiveData #

使用observeAsState扩展将LiveData转为Compose可观察的State，数据更新时会自动触发Composable重组，拿到最新值：

// 需引入依赖：implementation "androidx.lifecycle:lifecycle-runtime-ktx:对应版本号"
// 需引入依赖：implementation "androidx.compose.runtime:runtime-livedata:对应版本号"
import androidx.compose.runtime.livedata.observeAsState

@Composable
fun PagePartListFromImage(navController: NavHostController) {
    // 这里的viewModel传入上面统一作用域的参数
    val vm: PartViewModel = viewModel()
    val partsResult by vm.partsResilt.observeAsState()
    // 此时打印的是最新的同步后的值
    Logger.d(partsResult)
}

3. 优化网络请求触发逻辑 #

不要在Composable顶层直接调用getPartsFromImage，否则每次Composable重组都会重复发起网络请求，建议包在LaunchedEffect中：

@Composable
fun PagePhotoDetail(imageId: Long, navController: NavHostController) {
    val vm: PartViewModel = viewModel()
    // 仅当imageId变化时才会重新发起请求
    LaunchedEffect(imageId) {
        vm.getPartsFromImage(imageId)
    }

    val partsState by vm.partsResilt.observeAsState()
    partsState?.data?.let {
        Logger.d(it.parts)
    }
}

内容的提问来源于stack exchange，提问作者Li Zhenxin