[英]Jetpack compose: possible to set DropdownMenu height to display next item
我在 Jetpack Compose 中使用DropdownMenu
,但我遇到了一个问题,即很多用户不明白菜单包含更多信息,因此他们可以滚动列表。 我得到了很多支持,他们在列表中遗漏了一些东西。 特别是在某些语言中,它很好地将高度与项目对齐,因此您看不到有更多项目。
有没有办法自动设置下拉菜单的高度(无论语言如何),以便在底部显示项目的一半,以便用户了解他们可以滚动列表?
我使用这些修饰符创建菜单:
DropdownMenu(
expanded = expanded,
onDismissRequest = { expanded = false },
modifier = Modifier.requiredSizeIn(maxHeight = 330.dp)
) {
items.forEachIndexed { index, item ->
DropdownMenuItem(onClick = {
onSelected(index, item.data)
selectedIndex = index
expanded = false
}) {
...
}
我同意这是一个很好的功能,我建议您在 Compose 问题跟踪器上创建一个功能请求。
这是现在的解决方法,您可以使用Modifier.onSizeChanged
获取项目高度并更新您的maxHeight
约束,如下所示:
@Composable
fun TestScreen(
) {
var expanded by remember { mutableStateOf(true) }
val items = List(10) { it.toString() }
val itemHeights = remember { mutableStateMapOf<Int, Int>() }
val baseHeight = 330.dp
val density = LocalDensity.current
val maxHeight = remember(itemHeights.toMap()) {
if (itemHeights.keys.toSet() != items.indices.toSet()) {
// if we don't have all heights calculated yet, return default value
return@remember baseHeight
}
val baseHeightInt = with(density) { baseHeight.toPx().toInt() }
// top+bottom system padding
var sum = with(density) { DropdownMenuVerticalPadding.toPx().toInt() } * 2
for ((i, itemSize) in itemHeights.toSortedMap()) {
sum += itemSize
if (sum >= baseHeightInt) {
return@remember with(density) { (sum - itemSize / 2).toDp() }
}
}
// all items fit into base height
baseHeight
}
DropdownMenu(
expanded = expanded,
onDismissRequest = { expanded = false },
modifier = Modifier.requiredSizeIn(maxHeight = maxHeight)
) {
items.forEachIndexed { index, item ->
DropdownMenuItem(
onClick = {
onSelected(index, item.data)
selectedIndex = index
expanded = false
},
modifier = Modifier.onSizeChanged {
itemHeights[index] = it.height
}
) {
Text("Hello $index", modifier = Modifier.padding(30.dp))
}
}
}
}
private val DropdownMenuVerticalPadding = 8.dp
ps DropdownMenuVerticalPadding
是取自源代码的 Material 常量。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.