Compose中下拉框的使用

简介: Compose中下拉框的使用

代码


val datas = mutableListOf(
    "西瓜",
    "苹果",
    "芝麻",
    "狗熊"
)
    "西瓜",
    "苹果",
    "芝麻",
    "狗熊"
)
 DropdownMenu(expanded = true, onDismissRequest = {
        }, modifier = Modifier.width(100.dp)) {
            datas.forEach {
                DropdownMenuItem(onClick = {
                    Log.e("tag", "吃:$it")
                    hasShow.value = false
                }) {
                    Icon(imageVector = Icons.Default.Favorite, contentDescription = "")
                    Text(text = it, modifier = Modifier.padding(start = 10.dp))
                }
            }
        }
复制代码


效果


image.png


相关文章
|
数据可视化 网络安全 数据安全/隐私保护
Dokcer进阶 Docker配置可视化面板 Portainer可视化面板安装
容器可视化界面安装配置,以及可视化界面的一些基础操作,以及命令详解
1592 0
Dokcer进阶 Docker配置可视化面板 Portainer可视化面板安装
|
2月前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤,以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框,在输入时对列表选项进行过滤,并支持右键点击列表选项弹出菜单进行删除的功能。
38 0
|
11月前
|
Prometheus 监控 Cloud Native
Grafana下拉框选择不同环境
Grafana下拉框选择不同环境
188 0
Grafana下拉框选择不同环境
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
155 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
前端开发 API Kotlin
Jetpack compose使用ImageVector绘制自定义图标
Jetpack compose绘制图标的方式比较有趣,得益于kotlin神奇的语法,不需要像flutter那样定义一个icons.dart的类集中管理所有的图标,而是各就其位,散装定义,来尝试一下吧
406 0
Jetpack compose使用ImageVector绘制自定义图标
|
运维 Kubernetes 数据可视化
vscode 批量选中相同内容--详解
vscode 批量选中相同内容--详解
290 0
|
JavaScript
fastadmin如何自定义一个列表上的按钮。
fastadmin如何自定义一个列表上的按钮。
305 0
|
jenkins 持续交付
Jenkins 利用Dashboard View插件管理任务视图
Jenkins 利用Dashboard View插件管理任务视图
379 0
|
JSON NoSQL 定位技术
docker-compose安装tile38、初识区域搜索
docker-compose安装tile38、初识区域搜索
285 0