有没有类似于 Jetpack Compose 的 Column 中的 ScrollView fillViewPort?请看这个示例:
Is there something like ScrollView
fillViewPort
in Jetpack Compose Column
?
See this example:
@Composable
fun FillViewPortIssue() {
Column(
Modifier
.fillMaxSize()
.padding(16.dp)
) {
for (i in 0..5) {
Box(
modifier = Modifier
.padding(vertical = 8.dp)
.background(Color.Red)
.fillMaxWidth()
.height(72.dp)
)
}
Spacer(modifier = Modifier.weight(1f))
Button(
modifier = Modifier.fillMaxWidth(),
onClick = { /*TODO*/ }
) {
Text("Ok")
}
}
}
这是结果:
当设备处于横屏模式时,内容会被裁剪,因为没有滚动条。
如果我给Column
添加verticalScroll
修饰符...
...
Column(
Modifier
.verticalScroll(rememberScrollState()) // <<-- this
.fillMaxSize()
.padding(16.dp)
) {
...
...滚动条问题已经解决,但按钮向上移动了,就像这样。
在传统的工具包中,我们可以使用 ScrollView
+ fillViewPort
属性来解决此问题。Compose 中有类似的东西吗?