问题:State 状态过期 (Stale State)
"动态变化时有问题,重进/重启后正常 "。这几乎是典型的 State 状态过期(Stale State) 问题。
排查方向,按可能性从高到低排列:
1. remember 缺少 Key (最可能的原因)
remember 的代码块默认只会在首次组合时执行一次 。
当你的 item 从 1 个变成 100 个时,雖然 UI 刷新了,但如果那个计算底部间距的 remember 块没有重新执行,它用的还是"只有 1 个 item"时的逻辑。
❌ 错误示例(假设):
kotlin
// block 里的代码只会在第一次进入页面时执行
// 即使 items.size 变了,bottomPadding 也不会变,因为 remember 没有观察任何 key
val bottomPadding = remember {
// 假设逻辑是数据少的时候撑满屏幕,多的时候不需要
if (items.size > 20) 0.dp else 80.dp
}
LazyColumn(contentPadding = PaddingValues(bottom = bottomPadding)) { ... }
✅ 修正方案:给 remember 加参数(Key)
"当 items.size 变化时,请丢弃旧值,重新计算这个变量"。
kotlin
// 当 items.size 变化时,block 会重新执行
val bottomPadding = remember(items.size) {
if (items.size > 20) 0.dp else 80.dp
}
2. 依赖了 ScrollState 但没用 derivedStateOf
如果你的底部间距是根据"滑动距离"或者"是否滑动到底部"来动态计算的,单纯用 remember 是不够的,因为滑动是非常高频的动作。
- 现象解释: 突然增加很多 item 后,
LazyListState的内部参数(如maxScrollOffset)瞬间变了,但你的变量没跟上。
**✅ 修正方案:使用 derivedStateOf**
确保你的变量是一个"衍生状态",这样当 ListState 内部属性变化时,能通知 UI 重组。
kotlin
val listState = rememberLazyListState()
// 监听滑动状态的变化,将其转换为 State 对象
val showBottomSpace by remember {
derivedStateOf {
// 比如:如果没有滑到底部,就显示间距
!listState.canScrollForward
}
}
LazyColumn(
state = listState,
contentPadding = PaddingValues(bottom = if (showBottomSpace) 50.dp else 0.dp)
) { ... }
3. Wait for Layout 导致的闪烁
如果你的逻辑是:增加数据 -> 自动滚动到底部 。
有时候数据加进去了,但 Layout 还没算好新的高度,你就发出了 Scroll 指令,或者间距计算依赖了旧的 LayoutInfo。
- 检查点: 如果你在
LaunchedEffect里监听数据变化并执行操作,确保数据源的变化确实触发了重组。