如何让Jetpack Compose中Column的滚动条始终可见？

默认情况下，Compose的滚动条仅在用户滚动时显示。要让滚动条始终可见，你需要使用Scrollbar组件并配置对应的参数，以下是具体实现方式：

方法1（Compose 1.2.0+ 推荐） #

直接通过Scrollbar的alwaysVisible参数设置滚动条始终可见：

val scrollState = rememberScrollState()

Scrollbar(
    adapter = rememberScrollbarAdapter(scrollState),
    alwaysVisible = true // 核心配置：让滚动条保持可见
) {
    Column(modifier = Modifier.verticalScroll(scrollState)) {
        repeat(100) { Text(text = stringResource(R.string.help)) }
    }
}

方法2（适配低版本Compose） #

如果你的Compose版本低于1.2.0，可以通过自定义ScrollbarStyle来实现滚动条始终可见：

val scrollState = rememberScrollState()

Scrollbar(
    adapter = rememberScrollbarAdapter(scrollState),
    style = ScrollbarStyle(
        unhoverColor = MaterialTheme.colors.onSurface.copy(alpha = 0.3f), // 设置非滚动状态下的可见颜色
        hoverDurationMillis = 0, // 取消滚动条显示的延迟
        thickness = 8.dp,
        shape = RoundedCornerShape(4.dp)
    )
) {
    Column(modifier = Modifier.verticalScroll(scrollState)) {
        repeat(100) { Text(text = stringResource(R.string.help)) }
    }
}

说明 #

• Scrollbar组件需要和可滚动容器（这里是Column）绑定同一个scrollState，确保滚动条和内容的滚动状态同步
• 如果你使用Material3，Scrollbar的配置逻辑一致，alwaysVisible参数同样生效，风格可通过scrollbarStyle调整

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