当前位置:首页 > 编程笔记 > 正文
已解决

Flutter PopupMenuButton下拉菜单

来自网友在路上 166866提问 提问时间:2023-10-31 22:10:00阅读次数: 66

最佳答案 问答题库668位专家为你答疑解惑

下拉菜单是移动应用交互中一种常见的交互方式,可以使用下拉列表来展示多个内容标签,实现页面引导的作用。在Flutter开发中,实现下拉弹框主要有两种方式,一种是继承Dialog组件使用自定义布局的方式实现,另一种则是使用官方的PopupMenuButton组件进行实现。

如果没有特殊的展示要求,使用官方提供的PopupMenuButton组件即可实现下拉菜单效果,如下图所示。

使用PopupMenuButton组件实现下拉弹框时,需要传入itemBuilder、child和一些必要的属性即可,代码如下。

buildMoreView() {return PopupMenuButton(offset: Offset(0, 48),child: Listener(child: SizedBox(width: 44,child: Image.asset('assets/img/read_icon_more.png'),),),onSelected: (value) {print('buildMoreView: ' + value);},itemBuilder: (context) => [PopupMenuItem(value: 'Share',child: Row(children:
查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"Flutter PopupMenuButton下拉菜单":http://eshow365.cn/6-29044-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!