Jetpack Compose - 可滚动的列和剪辑到填充

Jetpack Compose - Scrollable Column and clip to padding

我有一个带有可滚动垂直列的简单屏幕。它包含一些文本和图像。

 Column(
   modifier = Modifier
     .fillMaxWidth()
     .padding(16.dp)
     .verticalScroll(rememberScrollState()),
 ) {
      ...
   }

内容可滚动,但会裁剪到定义的填充。这意味着当你滚动时,你可以看到 overscroll 阴影不会填满整个屏幕,而是绑定到填充。看起来真的很糟糕:

在 XML 世界中,您将使用 android:clipToPadding="false" 来“填充”容器。 Compose 中有等效项吗?

知道了,显然修饰符约束的顺序很重要,但我不知道。 只需将填充放在最后一个即可。

Column(
   modifier = Modifier
     .fillMaxWidth()
     .verticalScroll(rememberScrollState())
     .padding(16.dp),
 ) {
      ...
   }