DropdownMenuItem

Common/AllAndroid/JVM

Functions summary

Unit

@Composable DropdownMenuItem(     onClick: () -> Unit,     modifier: Modifier,     enabled: Boolean,     contentPadding: PaddingValues,     interactionSource: MutableInteractionSource?,     content: @Composable RowScope.() -> Unit ) Material Design dropdown menu

Cmn android

Functions

DropdownMenuItem

Cmn android

Artifact: androidx.compose.material:material

View Source

@Composable
fun DropdownMenuItem(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    contentPadding: PaddingValues = MenuDefaults.DropdownMenuItemContentPadding,
    interactionSource: MutableInteractionSource? = null,
    content: @Composable RowScope.() -> Unit
): Unit

Material Design dropdown menu

Example usage:

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.wrapContentSize
import androidx.compose.material.Divider
import androidx.compose.material.DropdownMenu
import androidx.compose.material.DropdownMenuItem
import androidx.compose.material.Icon
import androidx.compose.material.IconButton
import androidx.compose.material.Text
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.MoreVert
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier

var expanded by remember { mutableStateOf(false) }

Box(modifier = Modifier.fillMaxSize().wrapContentSize(Alignment.TopStart)) {
    IconButton(onClick = { expanded = true }) {
        Icon(Icons.Default.MoreVert, contentDescription = "Localized description")
    }
    DropdownMenu(expanded = expanded, onDismissRequest = { expanded = false }) {
        DropdownMenuItem(onClick = { /* Handle refresh! */ }) { Text("Refresh") }
        DropdownMenuItem(onClick = { /* Handle settings! */ }) { Text("Settings") }
        Divider()
        DropdownMenuItem(onClick = { /* Handle send feedback! */ }) { Text("Send Feedback") }
    }
}

Parameters
onClick: () -> Unit	Called when the menu item was clicked
modifier: Modifier = Modifier	The modifier to be applied to the menu item
enabled: Boolean = true	Controls the enabled state of the menu item - when false, the menu item will not be clickable and onClick will not be invoked
contentPadding: PaddingValues = MenuDefaults.DropdownMenuItemContentPadding	the padding applied to the content of this menu item
interactionSource: MutableInteractionSource? = null	an optional hoisted MutableInteractionSource for observing and emitting Interactions for this menu item. You can use this to change the menu item's appearance or preview the menu item in different states. Note that if null is provided, interactions will still happen internally.
content: @Composable RowScope.() -> Unit	the content of this menu item