Jetpack Compose - 可滚动列和夹到填充

raf*_*kob 21 android-jetpack-compose

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

 Column(
   modifier = Modifier
     .fillMaxWidth()
     .padding(16.dp)
     .verticalScroll(rememberScrollState()),
 ) {
      ...
   }
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

在 XML 世界中,您可以用来android:clipToPadding="false"“填充”容器。Compose 中有类似的东西吗?

raf*_*kob 52

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

Column(
   modifier = Modifier
     .fillMaxWidth()
     .verticalScroll(rememberScrollState())
     .padding(16.dp),
 ) {
      ...
   }
Run Code Online (Sandbox Code Playgroud)