当LazyColumn条目较少时，如何禁用嵌套滚动？

你当前的实现中，即使LazyColumn只有1-2个元素，顶部标题栏仍可滑动。要实现仅当LazyColumn内容超出屏幕时才允许嵌套滚动，可以通过LazyListState判断内容高度是否填满屏幕，再控制标题栏的滑动行为。

修改后的完整代码 #

val density = LocalDensity.current
val screenHeight = LocalConfiguration.current.screenHeightDp.dp

var headerSize by remember { mutableStateOf(IntSize(0, 0)) }
val headerHeight by remember(headerSize) { mutableStateOf(with(density) { headerSize.height.toDp() }) }

val headerOffsetHeightPx = remember { mutableFloatStateOf(0f) }
val lazyListState = rememberLazyListState()

val nestedScrollConnection = remember(headerSize, lazyListState) {
    object : NestedScrollConnection {
        val headerHeightPx = headerSize.height.toFloat()

        override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
            // 计算LazyColumn的可用显示高度：屏幕高度 - 标题栏高度 - 顶部padding
            val lazyColumnAvailableHeight = with(density) {
                screenHeight.toPx() - headerHeight.toPx() - 16.dp.toPx()
            }
            // 获取LazyColumn内容总高度
            val contentTotalHeight = lazyListState.layoutInfo.totalItemsHeight.toFloat()

            // 仅当内容高度超过可用高度时，才允许滑动标题栏
            val canScrollHeader = contentTotalHeight > lazyColumnAvailableHeight
            if (!canScrollHeader) return Offset.Zero

            val delta = available.y
            val newOffset = headerOffsetHeightPx.floatValue + delta
            headerOffsetHeightPx.floatValue = newOffset.coerceIn(-headerHeightPx, 0f)
            return Offset.Zero
        }
    }
}

Box(
    modifier = modifier
        .fillMaxSize()
        .nestedScroll(nestedScrollConnection)
) {
    Column(
        modifier = Modifier
            .zIndex(1f)
            .offset { IntOffset(x = 0, y = headerOffsetHeightPx.floatValue.roundToInt()) }
            .background(MaterialTheme.colorScheme.surface),
    ) {
        val todayString = LocalDate.now().toFormattedString()
        Text(
            modifier = Modifier
                .onSizeChanged {
                    headerSize = it
                },
            textAlign = TextAlign.Center,
            fontSize = 24.sp,
            text = stringResource(id = R.string.home_screen_header, todayString)
        )
    }

    LazyColumn(
        state = lazyListState,
        contentPadding = PaddingValues(top = headerHeight),
        modifier = Modifier
            .padding(top = 16.dp)
            .fillMaxSize(),
        verticalArrangement = Arrangement.spacedBy(8.dp),
    ) {
        items(items = plantList, key = { plantDetail -> plantDetail.id }) {
            PlantListItem(
                modifier = Modifier.clickable {
                    navigateToDetailScreen(it.id)
                },
                plant = it,
                animatedVisibilityScope = animatedVisibilityScope
            )
        }
    }
}

关键修改点 #

• 添加rememberLazyListState()并绑定到LazyColumn，用于实时获取内容布局信息
• 在onPreScroll中计算两个核心高度：
  • lazyColumnAvailableHeight：LazyColumn的实际可用显示高度（屏幕总高度减去标题栏高度和顶部padding）
  • contentTotalHeight：LazyColumn所有子项的总高度
• 通过contentTotalHeight > lazyColumnAvailableHeight判断内容是否超出屏幕，仅满足条件时才允许滑动标题栏
• 若内容未超出屏幕，直接返回Offset.Zero，阻止标题栏滑动

补充说明 #

如果需要更精准的判断（比如考虑LazyColumn的底部padding），可以在计算lazyColumnAvailableHeight时额外减去对应的padding值。另外，layoutInfo.totalItemsHeight会随着LazyColumn的内容加载实时更新，能准确反映当前内容的总高度。

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