如何在Composable函数作用域内实例化ViewModel？（不依赖navigation-compose）

要在Composable函数的作用域内独立实例化ViewModel，核心是自定义ViewModelStoreOwner，并将其生命周期与Composable绑定，具体实现步骤如下：

1. 实现自定义ViewModelStoreOwner #

ViewModel需要依托ViewModelStoreOwner管理实例生命周期，先定义一个简单的实现类：

class ComposableViewModelStoreOwner : ViewModelStoreOwner {
    override val viewModelStore = ViewModelStore()
}

2. 在Composable中绑定ViewModelStoreOwner #

使用remember保持自定义ViewModelStoreOwner的实例（避免重组时重复创建），再通过DisposableEffect在Composable销毁时清理ViewModelStore，防止内存泄漏：

@Composable
fun MyScopedScreen() {
    // 用remember确保ViewModelStoreOwner在重组时保留
    val viewModelStoreOwner = remember { ComposableViewModelStoreOwner() }

    // 当Composable离开Composition时，清除ViewModelStore中的所有ViewModel
    DisposableEffect(Unit) {
        onDispose {
            viewModelStoreOwner.viewModelStore.clear()
        }
    }

    // 传入自定义的ViewModelStoreOwner，获取作用域内的ViewModel
    val myViewModel = viewModel<MyViewModel>(viewModelStoreOwner = viewModelStoreOwner)

    // 后续可直接使用viewModel的状态与方法
    Text(text = "当前数据：${myViewModel.currentValue}")
    Button(onClick = { myViewModel.updateValue() }) {
        Text("更新数据")
    }
}

3. 封装为高阶Composable（可选，提升复用性） #

如果多个Composable都需要这种作用域内的ViewModel，可以封装成通用高阶函数：

@Composable
fun <T : ViewModel> ComposableScopedViewModel(
    viewModelClass: Class<T>,
    content: @Composable (T) -> Unit
) {
    val viewModelStoreOwner = remember { ComposableViewModelStoreOwner() }
    DisposableEffect(Unit) {
        onDispose {
            viewModelStoreOwner.viewModelStore.clear()
        }
    }
    val viewModel = viewModel(viewModelClass, viewModelStoreOwner = viewModelStoreOwner)
    content(viewModel)
}

// 使用示例
@Composable
fun MyReusableScreen() {
    ComposableScopedViewModel(MyViewModel::class.java) { viewModel ->
        Text(text = "复用版数据：${viewModel.currentValue}")
        Button(onClick = viewModel::updateValue) {
            Text("更新")
        }
    }
}

关键注意点 #

• 这种方式下，ViewModel的生命周期完全绑定当前Composable的生命周期：当Composable从Composition中移除时，ViewModel会被自动清理。
• 如果Composable会被多次实例化（比如在LazyColumn中），每个实例都会拥有独立的ViewModelStoreOwner和ViewModel实例，相互隔离。

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