android - 删除 Jetpack Compose 中的 LazyColumn 过度滚动效果

Question

我正在使用 Jetpack Compose 的 1.1.0-alpha05 版本，我想知道是否有办法关闭 LazyColumn 的滚动效果像 xml ( android:overScrollMode="never" )？

Answer 1

您可以通过提供 LocalOverscrollConfiguration 来禁用它:

CompositionLocalProvider(
    LocalOverscrollConfiguration provides null
) {
    LazyColumn(Modifier.fillMaxWidth()) {
        items(1000) {
            Text(it.toString())
        }
    }
}

您还可以将其构建到您的主题中，以便它适用于整个应用程序:

@Composable
fun AppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    val colors = if (darkTheme) {
        DarkThemeColors
    } else {
        LightThemeColors
    }
    MaterialTheme(
        colors = colors,
        typography = typography,
        shapes = shapes,
    ) {
        CompositionLocalProvider(
            LocalOverscrollConfiguration provides null,
            content = content
        )
    }
}

p.s.在 1.2.0-rc01 LocalOverScrollConfiguration已重命名为 LocalOverscrollConfiguration