Jetpack Compose组件-下拉菜单(DropdownMenu)


Jetpack Compose组件-下拉菜单(DropdownMenu)

下拉菜单(DropdownMenu)

2023-01-14 :DropdownMenu组件目前还存在众多问题,不建议使用。

@Composable
fun DropdownMenu(
    // 是否展开
    expanded: Boolean,
    // 关闭请求回调,点击对话框外部或者按下返回按钮关闭对话框时调用
    onDismissRequest: () -> Unit,
    // 修饰符
    modifier: Modifier = Modifier,
    // 对话框位置偏移
    offset: DpOffset = DpOffset(0.dp, 0.dp),
    // 对话框属性
    properties: PopupProperties = PopupProperties(focusable = true),
    content: @Composable ColumnScope.() -> Unit
): Unit

@Composable
fun DropdownMenuItem(
    // 点击回调
    onClick: () -> Unit,
    // 修饰符
    modifier: Modifier = Modifier,
    // 菜单项使能
    enabled: Boolean = true,
    // 内容边距
    contentPadding: PaddingValues = MenuDefaults.DropdownMenuItemContentPadding,
    // 点击状态源
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    content: @Composable RowScope.() -> Unit
): Unit

显示下拉菜单的框

@ExperimentalMaterialApi
@Composable
fun ExposedDropdownMenuBox(
    // 是否展开
    expanded: Boolean,
    // 展开状态改变
    onExpandedChange: (Boolean) -> Unit,
    // 修饰符
    modifier: Modifier = Modifier,
    content: @Composable ExposedDropdownMenuBoxScope.() -> Unit
): Unit

文章作者: Vinx
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Vinx !
 上一篇
Jetpack Compose组件-应用栏(AppBar) Jetpack Compose组件-应用栏(AppBar)
Jetpack Compose组件-应用栏(AppBar) 顶部应用栏(TopAppBar) Chip(小标签)类似于淘宝的历史搜索标签。 @Composable fun TopAppBar( // 修饰符 modi
下一篇 
Jetpack Compose组件-标签页(Tab) Jetpack Compose组件-标签页(Tab)
Jetpack Compose组件-标签页(Tab) 标签(Tab) Tab图标位于文字上方,LeadingIconTab图标位于文字左侧。 @Composable fun Tab( // 是否选中 selected
  目录