Flutter PopupMenuButton下拉菜单

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

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

Flutter PopupMenuButton下拉菜单_第1张图片

使用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:

你可能感兴趣的:(Flutter入门与实战,flutter)