第5章MaterialDesign风格组件-PopupMenuButton弹出菜单组件

防采集标记:亢少军老师的课程和资料

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

//会控菜单项
enum ConferenceItem { AddMember, LockConference, ModifyLayout, TurnoffAll }

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'PopupMenuButton组件示例',
      home: Scaffold(
        appBar: AppBar(
          title: Text('PopupMenuButton组件示例'),
        ),
        body: Center(
          child: FlatButton(
            onPressed: () {},
            child: PopupMenuButton(
              onSelected: (ConferenceItem result) {},
              itemBuilder: (BuildContext context) =>//菜单项构造器
                  >[
                    const PopupMenuItem(//菜单项
                      value: ConferenceItem.AddMember,
                      child: Text('添加成员'),
                    ),
                    const PopupMenuItem(
                      value: ConferenceItem.LockConference,
                      child: Text('锁定会议'),
                    ),
                    const PopupMenuItem(
                      value: ConferenceItem.ModifyLayout,
                      child: Text('修改布局'),
                    ),
                    const PopupMenuItem(
                      value: ConferenceItem.TurnoffAll,
                      child: Text('挂断所有'),
                    ),
                  ],
            ),
          ),
        ),
      ),
    );
  }
}
  • Flutter技术入门与实战: http://product.dangdang.com/26485813.html
  • Flutter交流学习群:894109159
  • Flutter开源项目请关注: https://github.com/kangshaojun
  • Flutter视频教程:https://edu.csdn.net/lecturer/2436

@作者: 亢少军

你可能感兴趣的:(第5章MaterialDesign风格组件-PopupMenuButton弹出菜单组件)