实例化需Application参数的ViewModel导致Compose预览渲染异常，求解决方案

问题根源 #

Compose预览使用的BridgeContext是布局库模拟的上下文，并非真实的Application实例，直接强转context.applicationContext as Application会触发类型转换异常。

最佳实践方案 #

1. 使用ViewModelProvider创建ViewModel（推荐） #

不要手动实例化AndroidViewModel，而是通过viewModel()函数自动获取，它会适配预览环境的上下文处理：

@Preview
@Composable
fun MainScreenPrev() {
    val navController = rememberNavController()
    // 自动通过ViewModelProvider获取适配后的ViewModel
    val myViewModel = viewModel<MyViewModel>()

    MainScreen(navController = navController, myViewModel = myViewModel)
}

2. 预览时使用模拟ViewModel #

创建仅用于预览的ViewModel实现，避免依赖真实Application：

// 预览专用ViewModel，提供测试数据
class PreviewMyViewModel : MyViewModel(FakeApplication()) {
    override val testData = mutableStateOf("预览展示数据")
}

// 伪造空实现的Application
class FakeApplication : Application()

@Preview
@Composable
fun MainScreenPrev() {
    val navController = rememberNavController()
    val myViewModel = PreviewMyViewModel()

    MainScreen(navController = navController, myViewModel = myViewModel)
}

3. 识别预览环境分支处理 #

通过LocalInspectionMode.current判断是否处于预览模式，分别提供不同的ViewModel实例：

@Preview
@Composable
fun MainScreenPrev() {
    val navController = rememberNavController()
    val isPreview = LocalInspectionMode.current
    
    val myViewModel = if (isPreview) {
        MyViewModel(FakeApplication())
    } else {
        val context = LocalContext.current
        MyViewModel(context.applicationContext as Application)
    }

    MainScreen(navController = navController, myViewModel = myViewModel)
}

class FakeApplication : Application()

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