Jetpack Compose中remember函数失效：currentPadding状态不更新求助

问题根源 #

1. remember初始值仅生效一次：var currentPadding: Dp by remember { mutableStateOf(padding) } 中的remember只会在首次组合时将padding的初始值存入状态，后续isBannerListEmpty变化导致padding更新时，currentPadding不会自动同步新值。
2. NestedScrollConnection捕获旧值：通过remember创建的NestedScrollConnection会捕获首次组合时的padding引用，后续padding更新后，连接内的判断逻辑仍使用旧值，导致滚动时的边界判断错误。

修复方案 #

1. 使用rememberUpdatedState跟踪最新的padding值，确保重组后能获取到更新后的目标padding。
2. 添加LaunchedEffect监听padding的变化，当padding更新时同步更新currentPadding。
3. 在NestedScrollConnection中使用rememberUpdatedState提供的最新padding，保证边界判断逻辑始终基于当前有效值。

修改后的完整代码 #

@Composable
fun ScrollableBackground(
    scrollState: ScrollState,
    composable: ComposableFun,
    modifier: Modifier = Modifier,
    isBannerListEmpty: Boolean,
) {
    val padding = if (isBannerListEmpty) {
        112.dp
    } else {
        160.dp
    }

    val minPadding: Dp = 29.dp
    val dp0 = dimensionResource(id = R.dimen.no_dp)

    // 用rememberUpdatedState获取最新的padding值
    val latestPadding by rememberUpdatedState(newValue = padding)
    
    var currentPadding: Dp by remember { mutableStateOf(padding) }

    // 监听padding变化，同步更新currentPadding
    LaunchedEffect(latestPadding) {
        currentPadding = latestPadding
    }

    val state: Dp by animateDpAsState(targetValue = currentPadding)

    val nestedScrollConnection: NestedScrollConnection = remember {
        object : NestedScrollConnection {
            override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
                val percent = scrollState.value.toFloat() / scrollState.maxValue.toFloat() * 100f

                val delta = available.y.dp
                val newSize = currentPadding + delta / 3
                // 使用latestPadding替代原padding，保证用最新值判断边界
                currentPadding = when {
                    percent > 20f -> minPadding
                    newSize < minPadding -> minPadding
                    newSize > latestPadding -> latestPadding
                    else -> newSize
                }
                return Offset.Zero
            }
        }
    }

    Box(
        modifier = modifier
            .fillMaxSize()
            .nestedScroll(nestedScrollConnection)
    ) {
        Surface(
            color = White,
            modifier = Modifier
                .padding(top = state)
                .fillMaxSize()
                .clip(
                    CircleShape.copy(
                        topStart = Shapes.medium.topStart,
                        topEnd = Shapes.medium.topEnd,
                        bottomEnd = CornerSize(dp0),
                        bottomStart = CornerSize(dp0)
                    )
                )
        ) {}
        composable.invoke()
    }
}

额外说明 #

• rememberUpdatedState的作用是在重组时保持对最新值的引用，即使remember创建的对象（比如这里的NestedScrollConnection）没有重新创建，也能拿到最新的padding值。
• LaunchedEffect监听latestPadding的变化，当值更新时自动触发内部逻辑，将currentPadding同步为新的目标值，确保状态和外部条件一致。

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