Jetpack Compose中如何为空列表创建mutableStateOf

问题分析 #

你当前的代码存在两个核心问题：

1. mutableStateOf()未指定泛型类型，Kotlin无法自动推断状态类型，导致编译错误。
2. PokedexResults数据类没有无参构造函数，直接调用PokedexResults()会因缺少list参数报错。

根据你的业务场景（从AppContent接收单个Types对象并传递到DetailView），分两种场景给出解决方案：

场景1：维护单个选中的Types对象状态 #

如果DetailView是展示单个Types的详情页，你需要一个可空的单个对象状态（初始无数据时为null）：

修改后的AppScaffold代码 #

@Composable
fun AppScaffold(){
    val navigationController = rememberNavController()
    // 定义可空的Types状态，初始值为null
    var selectedType by remember { mutableStateOf<Types?>(null) }
    
    Scaffold(
        topBar = { AppBarTop() },
        containerColor = MaterialTheme.colorScheme.surface
    ){paddingValues ->
        NavHost(
            navController = navigationController,
            startDestination = Screens.POKEDEX.name,
            modifier = Modifier.padding(paddingValues)
        ){
            composable(route = Screens.POKEDEX.name){
                AppContent(onClick = { types ->
                    selectedType = types
                    navigationController.navigate(Screens.DETAILS.name)
                })
            }
            composable(route = Screens.DETAILS.name){
                // 处理可空状态，为空时显示占位UI
                selectedType?.let {
                    DetailView(type = it)
                } ?: run {
                    Text("未选择任何内容")
                }
            }
        }
    }
}

场景2：维护List<Types>的空列表状态 #

如果确实需要维护可更新的空列表（比如批量加载数据），直接用emptyList()初始化状态即可：

状态定义与更新示例 #

// 初始化为空的Types列表，明确指定泛型类型
var typesList by remember { mutableStateOf<List<Types>>(emptyList()) }

// 后续更新列表（比如从接口获取数据后）
typesList = fetchedTypesList // fetchedTypesList为接口返回的List<Types>

额外注意事项 #

• 若使用列表状态，建议配合LazyColumn等组件，Compose会根据列表变化自动重组UI。
• 处理可空状态时，务必在子组件中判断null情况，避免空指针异常。

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