Jetpack Compose：带分数的可滚动列

Question

我在一列中有 3 个元素。

我希望第一个元素占据 50% 的屏幕，其余元素占据 rest 的空间或在需要时滚动。

我尝试了以下方法：

• 将 verticallScroll() 与分数一起使用是行不通的。 如果我禁用 verticallScroll()，则第一个元素占据屏幕的 50%，但如果需要，屏幕不会滚动。

   Column( modifier = Modifier.background(color = Color.Black).padding(horizontal = 15.dp).verticalScroll(state = rememberScrollState(), enabled = true).fillMaxSize() ) { QuickTipsCard( modifier = Modifier.fillMaxWidth().fillMaxHeight(0.5f), backgroundColor = LightBlue, title = "Good morning,", description = "0 out of 10 task today". titleStyle = Typography.h1 )

  }

Answer 1

您可以将Column包装在BoxWithConstraints组件中，并使用 maxHeight 属性计算列中元素的所需高度。