解决TopAppBar折叠展开时LazyColumn元素重复重组的性能问题

1. 将Scaffold的innerPadding改为LazyColumn的contentPadding #

把原本加在LazyColumn modifier上的padding(paddingModifier)移到contentPadding参数中，这样padding的变化只会影响LazyColumn内容的布局偏移，不会触发LazyColumn本身的重组，也就不会导致内部所有RoomCard跟着重组。

修改后的代码：

@OptIn(ExperimentalMaterial3Api::class, ExperimentalAnimationApi::class)
@Composable
fun RoomsScreen(
     viewModel: ScreenViewModel = hiltViewModel()
) {

     val scrollBehavior = TopAppBarDefaults.enterAlwaysScrollBehavior(rememberTopAppBarState())

     Scaffold(
         modifier = Modifier.nestedScroll(scrollBehavior.nestedScrollConnection),
         topBar = {
             TopAppBar(
                 scrollBehavior = scrollBehavior
                 // ... 其他原有配置
             )
         },
     ) { innerPadding ->

         LazyColumn(
             modifier = Modifier.fillMaxSize(),
             contentPadding = innerPadding // 替换modifier的padding配置
         ) {
             items(viewModel.list.size) { index ->
                 RoomCard(
                     viewModel = viewModel.list[index],
                 )
             }
         }

     }

}

2. 为LazyColumn的items添加唯一key #

默认用index作为隐式key，容易引发不必要的item重组。给每个item绑定唯一稳定的key，让Compose能准确识别需要更新的item，避免无意义的重组。

假设你的Room数据类有唯一标识（比如id），修改items部分：

items(
    items = viewModel.list,
    key = { room -> room.id } // 用数据的唯一ID作为key
) { room ->
    RoomCard(
        viewModel = room,
    )
}

3. 确保RoomCard的参数类型是稳定的 #

如果RoomCard接收的参数类型（比如Room数据类或对应的ViewModel）未标记@Stable或@Immutable，Compose无法判断参数是否真正变化，会频繁触发重组。

给数据类添加注解：

@Immutable
data class Room(
    val id: String,
    // 其他字段
)

// 若为ViewModel类，确保状态使用Compose可观察类型，同时标记稳定注解
@Stable
class RoomViewModel(room: Room) {
    // 内部状态用MutableState/StateFlow等类型
}

4. 确保列表是Compose可观察状态 #

如果viewModel.list是普通List而非Compose状态类型，每次重组都会创建新实例，导致items感知到不必要的变化。在ViewModel中用状态持有列表：

// 方式1：使用mutableStateListOf
val list = mutableStateListOf<Room>()

// 方式2：使用StateFlow
private val _list = MutableStateFlow(emptyList<Room>())
val list = _list.asStateFlow()

// 在Compose中收集状态
val roomList by viewModel.list.collectAsStateWithLifecycle()

之后在LazyColumn中使用roomList替代viewModel.list，确保仅当列表真正变化时才触发item更新。

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