删除 Jetpack Compose 中的 LazyColumn 过度滚动效果
Remove LazyColumn overscroll effect in Jetpack Compose
我正在使用 Jetpack Compose 1.1.0-alpha05 版本,我想知道是否有办法关闭 LazyColumn
的滚动效果,例如 xml (android:overScrollMode="never"
)?
您可以通过提供 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
)
}
}
我正在使用 Jetpack Compose 1.1.0-alpha05 版本,我想知道是否有办法关闭 LazyColumn
的滚动效果,例如 xml (android:overScrollMode="never"
)?
您可以通过提供 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
)
}
}