如何滚动JetPack组合屏幕溢出其内容？

Question

我有一个添加的购物清单项目JetPack组成的屏幕，其中包含几个Textfield输入和一个位于底部的图像容器。屏幕在底部溢出并切断。如何滚动屏幕？

Answer 1

编辑：2023年10月

在此过程中的某个时候，旧解决方案不再起作用。现在解决这个问题的解决方案是：

val scrollState = rememberScrollState()
...
Column( // or whatever your parent composable is
    modifier = Modifier
        .verticalScroll(state = scrollState)
) {
    ...
}

旧解决方案

添加修改器。可滚动（..）到您希望制作可滚动的容器。
代码将是这样的：

val scrollState = rememberScrollState()
...
Box( // or whatever your parent composable is
    modifier = Modifier
        .scrollable(state = scrollState, orientation = Orientation.Vertical)
) {
    ...
}

当然，还有其他修饰符用于使组合滚动的方法可能更适合您的情况。

Answer 2

如果批准的答案不起作用，请尝试下面的尝试，

val scrollState = rememberScrollState()

Column(
    modifier = Modifier.verticalScroll(state = scrollState)
) { 
    ...
}

请不要忘记将其应用于您的父母合并

Answer 3

您可以在容器上使用修饰符垂直旋转实现此目的。

Column(
  modifier = Modifier.verticalScroll(state = rememberScrollState())
) { 
  ...
}