Jetpack Compose修改列表项属性后Item未触发UI更新问题

你的猜测是正确的，UI没有更新的核心逻辑如下：

• Compose的observeAsState会对LiveData推送的前后两次值做相等性校验，只有校验结果为不相等时才会触发重组。你修改列表属性后依然给_myDevices赋值了同一个items列表对象，相等性校验直接返回true，因此不会触发更新。
• 如果你的MyDevice类是属性用var声明的可变类，就算你传入新的列表实例，只要对应位置的设备对象还是同一个实例，Compose也会认为Device组件的输入未发生变化，跳过对应项的重组。

1. 调整数据类定义 #

将MyDevice定义为不可变的data class，所有属性用val声明：

data class MyDevice(
    val id: String, // 确保每个设备有唯一标识
    val name: String,
    val signal: Int
    // 其他属性同理用val声明
)

2. 修改列表更新逻辑 #

修改属性时生成新的设备实例和新的列表实例，再提交给LiveData：

// 替换原来的修改逻辑
val updatedItems = items.mapIndexed { index, device ->
    // 只修改对应下标的设备，生成copy对象
    if (index == 0) device.copy(signal = 54) else device
}
_myDevices.value = updatedItems

如果你的业务场景必须使用可变的MyDevice，至少要保证提交给LiveData的是新的列表实例：

items[0].signal = 54
// 调用toList()生成新的列表实例
_myDevices.value = items.toList()

3. 优化列表重组性能 #

给列表项绑定唯一key，让Compose可以精准识别需要更新的项，避免全列表重组：

@Composable
fun DeviceListScreen(){
  val model: DeviceListViewModel = hiltViewModel()
  val myDevices: List<MyDevice> by model.myDevices.observeAsState(emptyList())
  
  LazyColumn {
      // 用设备唯一id作为列表项的key
      items(myDevices, key = { it.id }) { device ->
          Device(device)
      }
  }
}

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