Jetpack Compose中添加的变量不支持值初始化异常求助

问题原因 #

• 非可组合方式获取状态：直接在Composable函数体中调用receiptsService.getReceipts()，如果这是耗时操作（如网络请求、本地数据库查询），会破坏Compose的状态追踪机制，导致框架无法正确初始化变量。
• LazyColumn冗余滚动配置：给LazyColumn添加verticalScroll(rememberScrollState())完全多余——LazyColumn本身就是自带滚动逻辑的懒加载容器，重复设置会引发内部状态冲突。
• 数据对象直接作为Composable内容：receipts[it]是Receipt数据类实例，并非@Composable函数，直接放在Card内容块中，会导致编译时无法解析合法的Composable内容，进而触发变量初始化异常。

解决方法 #

1. 正确管理状态获取
   如果receiptsService.getReceipts()是suspend异步函数，用LaunchedEffect结合mutableStateListOf来获取并维护状态：

   @Composable
   internal fun ReceiptsScreen(navigator: Navigator, provider: IdentityProviderClient) {
       val receipts = remember { mutableStateListOf<Receipt>() }
       
       LaunchedEffect(Unit) {
           val fetchedReceipts = receiptsService.getReceipts()
           receipts.clear()
           receipts.addAll(fetchedReceipts)
       }
       
       // 后续代码...
   }
   

   如果是同步操作，用remember缓存结果避免重复计算：

   val receipts: List<Receipt> = remember { receiptsService.getReceipts() }
   

2. 移除冗余滚动修饰符
   删除LazyColumn中的verticalScroll配置，修正后的代码：

   LazyColumn(
       modifier = Modifier.fillMaxSize()
           .padding(horizontal = 16.dp),
       verticalArrangement = Arrangement.Center,
   ) {
       // 内容项...
   }
   

3. 替换数据对象为UI组件
   创建专门的@Composable函数渲染Receipt数据，示例：

   items(receipts.size) { index ->
       Card(
           elevation = 10.dp,
           contentColor = Color.Blue,
           modifier = paddingModifier
       ) {
           ReceiptItem(receipts[index])
       }
   }
   
   // 定义Receipt的UI渲染组件
   @Composable
   fun ReceiptItem(receipt: Receipt) {
       Column(modifier = Modifier.padding(16.dp)) {
           Text(text = "金额: ${receipt.amount}")
           Text(text = "日期: ${receipt.date}")
           // 根据Receipt字段补充其他UI元素
       }
   }
   

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