Jetpack Compose：带分数的可滚动列

Question

I have 3 elements in a column.我在一列中有 3 个元素。

I want the 1st element to take 50% of screen and the remaining to take rest of space or scroll if needed.我希望第一个元素占据 50% 的屏幕，其余元素占据 rest 的空间或在需要时滚动。

I have tried the following:我尝试了以下方法：

Using verticallScroll() with fractions is not working.将 verticallScroll() 与分数一起使用是行不通的。 If i disable verticallScroll() then the 1st element takes 50% of the screen but the screen does not scrolls if needed.如果我禁用 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

You can wrap the Column in a BoxWithConstraints component and use the maxHeight property to calculate the desired heights for the elements in the column.您可以将Column包装在BoxWithConstraints组件中，并使用 maxHeight 属性计算列中元素的所需高度。

Jetpack Compose：带分数的可滚动列

问题描述

1 个解决方案

解决方案1
0 2022-12-26 15:28:16

Jetpack Compose：带分数的可滚动列

问题描述

1 个解决方案

解决方案1 0 2022-12-26 15:28:16

解决方案1
0 2022-12-26 15:28:16