Jetpack Compose能否设置DropdownMenu高度显示部分下一项以提示可滚动

你遇到的问题核心是硬编码固定maxHeight无法适配不同语言、字体大小下的DropdownMenuItem高度差异，很容易刚好对齐整数个条目边界，导致用户看不到滚动提示。以下是完全不依赖语言的自适应方案： #

实现思路 #

通过动态测量条目的实际渲染高度，自动计算菜单最大高度为「N个完整条目高度 + 半个条目高度」，确保底部永远露出半条后续条目，明确提示可滚动。 #

完整代码实现 #

// 存储单个DropdownMenuItem的实际测量高度
var itemHeight by remember { mutableStateOf<Dp?>(null) }

// 计算菜单最大高度：3个完整条目 + 半个条目，可自行调整完整条目数量
val maxMenuHeight = itemHeight?.let { height ->
    height * 3.5f
} ?: 330.dp // 初始兜底默认值，测量完成后会自动替换

DropdownMenu(
    expanded = expanded,
    onDismissRequest = { expanded = false },
    modifier = Modifier.requiredSizeIn(maxHeight = maxMenuHeight)
) {
    items.forEachIndexed { index, item ->
        DropdownMenuItem(
            onClick = {
                onSelected(index, item.data)
                selectedIndex = index
                expanded = false
            },
            // 测量第一个条目的实际高度，适配所有语言、字体大小场景
            modifier = Modifier.onGloballyPositioned { coordinates ->
                if (itemHeight == null) {
                    itemHeight = coordinates.size.height.toDp()
                }
            }
        ) {
            // 你的条目内容实现
        }
    }
}

可选优化 #

如果希望进一步强化滚动提示，可以给DropdownMenu的内容添加滚动条，在滚动状态下展示：
给DropdownMenu的内容域添加修饰符：
Modifier.verticalScroll(rememberScrollState()).drawScrollableContainer() #

注意事项 #

如果你的条目存在动态内容变化、可能出现高度不一致的情况，可以移除itemHeight == null的判断，每次布局都更新高度值，确保计算准确。
如果介意首次展开时的高度切换闪烁，可以给DropdownMenu添加Modifier.alpha(if (itemHeight != null) 1f else 0f)，等高度测量完成后再显示菜单。

内容的提问来源于stack exchange，提问作者Mackan