如何滚动Jetpack撰写屏幕溢出其内容?

Question

我有一个添加购物清单项目Jetpack Compose屏幕，其中包含几个TextField输入和底部的图像容器。筛网底部溢出，被切断。我怎么滚动屏幕?

Answer 1

将Modifier.scrollable(..)添加到您希望可滚动的容器中。代码应该是这样的:

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

当然，还有其他Modifier方法可以使可组合可滚动，这可能更适合您的情况。

Answer 2

如果批准的答案不工作，尝试如下

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

不要忘记将它应用到父组件