我正在尝试实现一个简单的下拉菜单。一切正常,但当我单击第一个项目时,涟漪效应不会完全覆盖顶部的 DropDownMenu,最后一个项目也会发生同样的情况。
这是正在发生的事情的图像:
这是我的代码:
MaterialTheme(shapes=MaterialTheme.shapes.copy(medium = RoundedCornerShape(16.dp))) {
DropdownMenu(
expanded = expanded,
onDismissRequest = { expanded = false },
) {
DropdownMenuItem(onClick = {
Toast.makeText(
context,
"Refresh Clicked",
Toast.LENGTH_SHORT
).show()
}
,
) {
Text("Refresh")
}
DropdownMenuItem(onClick = {
Toast.makeText(
context,
"Setting Clicked",
Toast.LENGTH_SHORT
).show()
}) {
Text("Settings")
}
Divider()
DropdownMenuItem(onClick = {
Toast.makeText(
context,
"Details Clicked",
Toast.LENGTH_SHORT
).show()
}) {
Text("Details")
}
}
Run Code Online (Sandbox Code Playgroud)