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

Question

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

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

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

在 XML 世界中，您可以使用

android:clipToPadding="false"

来“填充”容器。 Compose 中有类似的功能吗？

Answer 1

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

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

Answer 2

不要通过修饰符设置填充，而是只为内容设置填充：

    LazyColumn(
        modifier = Modifier.fillMaxWidth(),
        contentPadding = PaddingValues(horizontal = 16.dp)
    ) {
       ...
    }