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

Posted 2023-04-19

【中文标题】删除 Jetpack Compose 中的 LazyColumn 过度滚动效果

【英文标题】：Remove LazyColumn overscroll effect in Jetpack Compose

【发布时间】：2021-11-26 18:44:49

【问题描述】：

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

【参考方案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
        )
    

【讨论】：

有没有办法创建像***.com/questions/40758635/… 这样的自定义过度滚动动画？

@slaviboy ***.com/a/70632616/3585796